<!doctype html>
<html lang="en">
<head >
    <meta charset="utf-8"/>
<meta name="title" content="Trix - HO Scale Model Railways | Gaugemaster"/>
<meta name="description" content="Trix is a German company originally known for their metal construction sets.  One of it’s co-founders was Stephan Bing, the son of the pioneer toymaker Ignaz Bing.  In 1935, their first electrically powered model trains were produced under the Trix Express brand and so the story began.  After more than six decades of independence, the TRIX company got into economic difficulties in the 1990s and was completely taken over in 1997 by the Göppingen-based competitor Märklin but continued as an independent brand. Since then, there has been increasing overlap between the model ranges from TRIX and Märklin in HO Scale where new model developments differ only in the respective power systems (Märklin being AC and Trix DC)"/>
<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>Trix - HO Scale Model Railways | 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="canonical" href="https://www.gaugemasterretail.com/brands/trix.html" />
<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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM="></script>

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

	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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

    (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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

    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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

		
	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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

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

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

	/* 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: "category"});
	
</script>

<!-- Google Tag Manager --><script nonce="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">(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='OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=';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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

    	
</script>
<script data-ommit="true" nonce="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">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>
<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>

<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="page-products page-with-filter categorypath-brands-trix category-trix catalog-category-view page-layout-2columns-left">
<!-- 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="hzt94z3ROOhwqKtO" /><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_685c1df585e40()"
     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_685c1df585e40 = () => {
    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_685c1df5983cf()"
    @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_685c1df5983cf = () => {
        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><div class="top-container"><nav class="breadcrumbs bg-greyLight" aria-label="Breadcrumb">
    <div class="container">
        <ol class="items list-reset py-4 rounded flex flex-wrap text-black md:text-base text-sm font-medium">
                            <li class="item flex home">
                                                    <a href="https://www.gaugemasterretail.com/"
                       class="no-underline font-medium"
                       title="Go&#x20;to&#x20;Home&#x20;Page"
                    >Home</a>
                                </li>
                            <li class="item flex category875">
                                    <span aria-hidden="true" class="separator text-black px-3">/</span>
                                                    <span
                       class="text-black"
                       aria-current="page"
                    >Trix</span>
                                </li>
                    </ol>
    </div>
</nav>
</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div>
<div class="page messages"><script>
        function initMessages() {
        "use strict";
        return {
            messages: window.mageMessages || [],
            isEmpty() {
                return this.messages.reduce(
                    function (isEmpty, message) {
                        return isEmpty && message === undefined
                    }, true
                )
            },
            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"><aside class="sidebar sidebar-main relative">        <div class="block-filter flex flex-col md:block border border-container bg-container-darker p-4 md:border-0 md:bg-transparent md:py-0 md:px-0 my-6"
                 x-data="initLayeredNavigation()"
         x-init="checkIsMobileResolution($el)"
         @resize.window.debounce="checkIsMobileResolution($el)"
         @visibilitychange.window.debounce="checkIsMobileResolution($el)"
            >
        <div class="block-title flex items-center justify-between w-full text-start"
                         :class="{'mb-4' : isApplySticy }"
             @click="blockOpen = !blockOpen"
             :aria-expanded="blockOpen ? 'true' : 'false' "
             role="button"
             tabindex="0"
                    >
            <span class="text-primary text-md md:text-3xl font-medium uppercase">
                Shop By            </span>
            <span class="py-1 px-1 bg-container-lighter rounded border border-container-darker md:hidden"
                :class="{ 'block' : isMobile, 'hidden': !isMobile }">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" :class="{ 'rotate-180': blockOpen }" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
<title>chevron-down</title></svg>
                            </span>
        </div>
        
        <div class="block-content filter-content hidden md:block pt-4" id="layered-filter-block-content" :class="{ 'hidden' : isMobile && !blockOpen, 'overflow-y-auto pr-2' : isApplySticy }">
                                                                                                        <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Stock Status                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-cstock_status"
      data-am-js="ranges"
          data-amshopby-filter="cstock_status"
      data-amshopby-filter-request-var="cstock_status"
      autocomplete="off">
    <ol class="items am-filter-items-cstock_status                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="In Stock">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046a597"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?cstock_status=4012"
                     rel="nofollow"                >

                    <span class="label font-semibold ">In Stock</span>
                                            <span class="count count text-primary ml-auto">122<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[cstock_status][]"
                    value="4012"
                    type="radio"
                    aria-label="In&#x20;Stock"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Out Of Stock">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046b2b0"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?cstock_status=4013"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Out Of Stock</span>
                                            <span class="count count text-primary ml-auto">130<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[cstock_status][]"
                    value="4013"
                    type="radio"
                    aria-label="Out&#x20;Of&#x20;Stock"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                                                            <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                New                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-am_is_new"
      data-am-js="ranges"
          data-amshopby-filter="am_is_new"
      data-amshopby-filter-request-var="am_is_new"
      autocomplete="off">
    <ol class="items am-filter-items-am_is_new                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="New">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046c44f"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?am_is_new=1"
                                    >

                    <span class="label font-semibold ">New</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[am_is_new][]"
                    value="1"
                    type="radio"
                    aria-label="New"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                                                                                                        <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Scale/Gauge                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-scale"
      data-am-js="ranges"
          data-amshopby-filter="scale"
      data-amshopby-filter-request-var="scale"
      autocomplete="off">
    <ol class="items am-filter-items-scale                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="1:76 Scale">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046ca72"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?scale=433"
                     rel="nofollow"                >

                    <span class="label font-semibold ">1:76 Scale</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[scale][]"
                    value="433"
                    type="radio"
                    aria-label="1&#x3A;76&#x20;Scale"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="1:87 Scale">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046cb31"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?scale=438"
                     rel="nofollow"                >

                    <span class="label font-semibold ">1:87 Scale</span>
                                            <span class="count count text-primary ml-auto">253<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[scale][]"
                    value="438"
                    type="radio"
                    aria-label="1&#x3A;87&#x20;Scale"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="HO Scale">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046cbd6"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?scale=443"
                     rel="nofollow"                >

                    <span class="label font-semibold ">HO Scale</span>
                                            <span class="count count text-primary ml-auto">260<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[scale][]"
                    value="443"
                    type="radio"
                    aria-label="HO&#x20;Scale"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Multi Scale">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046cc75"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?scale=2004"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Multi Scale</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[scale][]"
                    value="2004"
                    type="radio"
                    aria-label="Multi&#x20;Scale"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="OO Scale">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e046cd24"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?scale=452"
                     rel="nofollow"                >

                    <span class="label font-semibold ">OO Scale</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[scale][]"
                    value="452"
                    type="radio"
                    aria-label="OO&#x20;Scale"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                                                                                                        <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Product Type                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-type"
      data-am-js="ranges"
          data-amshopby-filter="type"
      data-amshopby-filter-request-var="type"
      autocomplete="off">
    <ol class="items am-filter-items-type                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="Analogue Control">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bbf9a0"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=1970"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Analogue Control</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="1970"
                    type="radio"
                    aria-label="Analogue&#x20;Control"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Coach">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bbfb02"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=897"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Coach</span>
                                            <span class="count count text-primary ml-auto">42<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="897"
                    type="radio"
                    aria-label="Coach"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Digital Control">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bbfc60"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=1971"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Digital Control</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="1971"
                    type="radio"
                    aria-label="Digital&#x20;Control"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Literature">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bbfe9d"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=1967"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Literature</span>
                                            <span class="count count text-primary ml-auto">7<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="1967"
                    type="radio"
                    aria-label="Literature"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Locomotive">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bbff51"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=898"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Locomotive</span>
                                            <span class="count count text-primary ml-auto">139<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="898"
                    type="radio"
                    aria-label="Locomotive"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Modelling Materials">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bbfff1"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=1968"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Modelling Materials</span>
                                            <span class="count count text-primary ml-auto">2<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="1968"
                    type="radio"
                    aria-label="Modelling&#x20;Materials"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Spare Parts">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc008f"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=1979"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Spare Parts</span>
                                            <span class="count count text-primary ml-auto">2<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="1979"
                    type="radio"
                    aria-label="Spare&#x20;Parts"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Starter Set">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc02f5"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=899"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Starter Set</span>
                                            <span class="count count text-primary ml-auto">3<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="899"
                    type="radio"
                    aria-label="Starter&#x20;Set"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Track">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc03af"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=1969"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Track</span>
                                            <span class="count count text-primary ml-auto">46<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="1969"
                    type="radio"
                    aria-label="Track"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Wagon">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc0487"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?type=900"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Wagon</span>
                                            <span class="count count text-primary ml-auto">18<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[type][]"
                    value="900"
                    type="radio"
                    aria-label="Wagon"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                                                            <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Operator                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-operator"
      data-am-js="ranges"
          data-amshopby-filter="operator"
      data-amshopby-filter-request-var="operator"
      autocomplete="off">
    <ol class="items am-filter-items-operator                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="DB">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc3446"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=800"
                                    >

                    <span class="label font-semibold ">DB</span>
                                            <span class="count count text-primary ml-auto">50<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="800"
                    type="radio"
                    aria-label="DB"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="DBAG">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc351e"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=801"
                                    >

                    <span class="label font-semibold ">DBAG</span>
                                            <span class="count count text-primary ml-auto">30<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="801"
                    type="radio"
                    aria-label="DBAG"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="DR">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc35b7"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=804"
                                    >

                    <span class="label font-semibold ">DR</span>
                                            <span class="count count text-primary ml-auto">12<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="804"
                    type="radio"
                    aria-label="DR"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="FS">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc3952"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=808"
                                    >

                    <span class="label font-semibold ">FS</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="808"
                    type="radio"
                    aria-label="FS"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="OBB">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc3a01"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=832"
                                    >

                    <span class="label font-semibold ">OBB</span>
                                            <span class="count count text-primary ml-auto">4<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="832"
                    type="radio"
                    aria-label="OBB"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Santa Fe">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc3a98"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=848"
                                    >

                    <span class="label font-semibold ">Santa Fe</span>
                                            <span class="count count text-primary ml-auto">3<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="848"
                    type="radio"
                    aria-label="Santa&#x20;Fe"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="SBB">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc3b2d"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=849"
                                    >

                    <span class="label font-semibold ">SBB</span>
                                            <span class="count count text-primary ml-auto">30<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="849"
                    type="radio"
                    aria-label="SBB"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="SNCF">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc3bcc"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=853"
                                    >

                    <span class="label font-semibold ">SNCF</span>
                                            <span class="count count text-primary ml-auto">3<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="853"
                    type="radio"
                    aria-label="SNCF"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Union Pacific">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc3c5f"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?operator=856"
                                    >

                    <span class="label font-semibold ">Union Pacific</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[operator][]"
                    value="856"
                    type="radio"
                    aria-label="Union&#x20;Pacific"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                                                                                                        <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Locomotive Power Type                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-powertype"
      data-am-js="ranges"
          data-amshopby-filter="powertype"
      data-amshopby-filter-request-var="powertype"
      autocomplete="off">
    <ol class="items am-filter-items-powertype                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="Diesel">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc51b7"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?powertype=34"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Diesel</span>
                                            <span class="count count text-primary ml-auto">40<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[powertype][]"
                    value="34"
                    type="radio"
                    aria-label="Diesel"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Electric">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc5272"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?powertype=35"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Electric</span>
                                            <span class="count count text-primary ml-auto">67<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[powertype][]"
                    value="35"
                    type="radio"
                    aria-label="Electric"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Steam">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc5322"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?powertype=37"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Steam</span>
                                            <span class="count count text-primary ml-auto">30<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[powertype][]"
                    value="37"
                    type="radio"
                    aria-label="Steam"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                                                            <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Locomotive Control Setup                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-locomotive_dcc"
      data-am-js="ranges"
          data-amshopby-filter="locomotive_dcc"
      data-amshopby-filter-request-var="locomotive_dcc"
      autocomplete="off">
    <ol class="items am-filter-items-locomotive_dcc                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="Analogue DC">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc6b41"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?locomotive_dcc=778"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Analogue DC</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[locomotive_dcc][]"
                    value="778"
                    type="radio"
                    aria-label="Analogue&#x20;DC"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="DCC Fitted">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc6c1f"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?locomotive_dcc=65"
                     rel="nofollow"                >

                    <span class="label font-semibold ">DCC Fitted</span>
                                            <span class="count count text-primary ml-auto">2<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[locomotive_dcc][]"
                    value="65"
                    type="radio"
                    aria-label="DCC&#x20;Fitted"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="DCC Sound">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc6cc2"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?locomotive_dcc=70"
                     rel="nofollow"                >

                    <span class="label font-semibold ">DCC Sound</span>
                                            <span class="count count text-primary ml-auto">138<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[locomotive_dcc][]"
                    value="70"
                    type="radio"
                    aria-label="DCC&#x20;Sound"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                                                                                                        <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Continent/Region                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-region"
      data-am-js="ranges"
          data-amshopby-filter="region"
      data-amshopby-filter-request-var="region"
      autocomplete="off">
    <ol class="items am-filter-items-region                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="Europe">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc96b3"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?region=904"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Europe</span>
                                            <span class="count count text-primary ml-auto">191<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[region][]"
                    value="904"
                    type="radio"
                    aria-label="Europe"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="North America">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bc9771"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?region=910"
                     rel="nofollow"                >

                    <span class="label font-semibold ">North America</span>
                                            <span class="count count text-primary ml-auto">8<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[region][]"
                    value="910"
                    type="radio"
                    aria-label="North&#x20;America"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Country                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-country"
      data-am-js="ranges"
          data-amshopby-filter="country"
      data-amshopby-filter-request-var="country"
      autocomplete="off">
    <ol class="items am-filter-items-country                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="Austria">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcae4e"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=863"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Austria</span>
                                            <span class="count count text-primary ml-auto">5<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="863"
                    type="radio"
                    aria-label="Austria"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Belgium">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcaf32"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=864"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Belgium</span>
                                            <span class="count count text-primary ml-auto">3<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="864"
                    type="radio"
                    aria-label="Belgium"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Czech Republic">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcafd4"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=867"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Czech Republic</span>
                                            <span class="count count text-primary ml-auto">5<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="867"
                    type="radio"
                    aria-label="Czech&#x20;Republic"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Denmark">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb076"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=868"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Denmark</span>
                                            <span class="count count text-primary ml-auto">4<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="868"
                    type="radio"
                    aria-label="Denmark"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="France">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb2e7"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=869"
                     rel="nofollow"                >

                    <span class="label font-semibold ">France</span>
                                            <span class="count count text-primary ml-auto">6<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="869"
                    type="radio"
                    aria-label="France"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Germany">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb387"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=872"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Germany</span>
                                            <span class="count count text-primary ml-auto">114<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="872"
                    type="radio"
                    aria-label="Germany"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Italy">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb422"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=875"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Italy</span>
                                            <span class="count count text-primary ml-auto">3<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="875"
                    type="radio"
                    aria-label="Italy"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Luxembourg">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb513"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=876"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Luxembourg</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="876"
                    type="radio"
                    aria-label="Luxembourg"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Netherlands">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb5da"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=877"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Netherlands</span>
                                            <span class="count count text-primary ml-auto">10<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="877"
                    type="radio"
                    aria-label="Netherlands"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Poland">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb678"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=878"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Poland</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="878"
                    type="radio"
                    aria-label="Poland"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Slovakia">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb711"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=979"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Slovakia</span>
                                            <span class="count count text-primary ml-auto">2<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="979"
                    type="radio"
                    aria-label="Slovakia"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Sweden">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb8c2"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=881"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Sweden</span>
                                            <span class="count count text-primary ml-auto">3<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="881"
                    type="radio"
                    aria-label="Sweden"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Switzerland">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcb979"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=882"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Switzerland</span>
                                            <span class="count count text-primary ml-auto">34<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="882"
                    type="radio"
                    aria-label="Switzerland"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="USA">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcba19"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?country=883"
                     rel="nofollow"                >

                    <span class="label font-semibold ">USA</span>
                                            <span class="count count text-primary ml-auto">8<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[country][]"
                    value="883"
                    type="radio"
                    aria-label="USA"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                                                <div
                         class="filter-option card my-4"
                                                    x-data="{ open: false }"
                            @filter-open-state="open = true"
                                            >
                        <div
                            class=""
                                                         :class="{ 'border-b pb-4': open }"
                             @click.prevent.stop="open = !open"
                             :aria-expanded="open ? 'true' : 'false' "
                                                        role="button"
                            tabindex="0"
                        >
                                <div class="filter-options-title flex justify-between items-center cursor-pointer text-start hover:text-secondary-darker border-container w-full">
                            <span class="title text-md md:text-lg font-semibold">
                                Era                                </span>
                            <span class="py-1 px-1 rounded border border-container">
                                <svg                                      :class="{ 'rotate-180': open }"
                                                                          aria-hidden="true" focusable="false" class="transition-transform transform duration-300 ease-in-out" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"/>
                                </svg>
                            </span>
                            </div>
                        </div>
                        <div class="filter-options-content p-4"
                                                         x-show="open"
                                                          x-cloak>
                            

<form class="am-ranges "
      id="am-ranges-era"
      data-am-js="ranges"
          data-amshopby-filter="era"
      data-amshopby-filter-request-var="era"
      autocomplete="off">
    <ol class="items am-filter-items-era                -am-singleselect"
        >
                                                <li class="py-1 item "
            data-label="Epoch III">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bccd1c"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?era=3841"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Epoch  III</span>
                                            <span class="count count text-primary ml-auto">1<span class="filter-count-label">
                                item</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[era][]"
                    value="3841"
                    type="radio"
                    aria-label="Epoch&#x20;&#x20;III"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Epoch VI">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcce4d"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?era=3843"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Epoch  VI</span>
                                            <span class="count count text-primary ml-auto">9<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[era][]"
                    value="3843"
                    type="radio"
                    aria-label="Epoch&#x20;&#x20;VI"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Epoch II">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bccef3"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?era=15"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Epoch II</span>
                                            <span class="count count text-primary ml-auto">6<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[era][]"
                    value="15"
                    type="radio"
                    aria-label="Epoch&#x20;II"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Epoch III">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bccf90"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?era=16"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Epoch III</span>
                                            <span class="count count text-primary ml-auto">32<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[era][]"
                    value="16"
                    type="radio"
                    aria-label="Epoch&#x20;III"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Epoch IV">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcd03c"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?era=17"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Epoch IV</span>
                                            <span class="count count text-primary ml-auto">47<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[era][]"
                    value="17"
                    type="radio"
                    aria-label="Epoch&#x20;IV"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Epoch V">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcd0e9"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?era=18"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Epoch V</span>
                                            <span class="count count text-primary ml-auto">16<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[era][]"
                    value="18"
                    type="radio"
                    aria-label="Epoch&#x20;V"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
                                        <li class="py-1 item "
            data-label="Epoch VI">
                                            <a
                    class="flex align-middle hover:text-primaryNew am-filter-item-685c1e0bcd2f7"
                    data-am-js="filter-item-default"
                    href="https://www.gaugemasterretail.com/brands/trix.html?era=19"
                     rel="nofollow"                >

                    <span class="label font-semibold ">Epoch VI</span>
                                            <span class="count count text-primary ml-auto">79<span class="filter-count-label">
                                items</span></span>
                                    </a>
                <input class="hidden"
                    name="amshopby[era][]"
                    value="19"
                    type="radio"
                    aria-label="Epoch&#x20;VI"
                    data-digits-after-dot="0"
                    style=""
                                    />
                                        </li>
            </ol>
</form>

                        </div>
                    </div>
                                                    </div>
    </div>
            <script>
            function initLayeredNavigation() {
                return {
                    selectors: {
                        sidebar: '.sidebar-main',
                        filterContent: '.filter-content',
                        columns: '.columns',
                        body: '#html-body',
                        filterItem: '.am-filter',
                        filterOption: '.filter-option',
                        selectedClass: '.amshopby-link-selected',
                        showMore: '.am-show-more > button'
                    },
                    filtersOverflowOffset: 25,
                    isMobile: false,
                    blockOpen: false,
                    isStickyEnabled: Boolean(),
                    isApplySticy: false,
                    openedFilter: null,

                    checkIsMobileResolution(element) {
                        this.isMobile = window.matchMedia('(max-width: 768px)').matches;

                        this.$nextTick(() => {
                            if (this.isStickyEnabled && !this.isMobile) {
                                this.isApplySticy = true;

                                this.enableStikySidebar(element);
                            }
                            this.openFiltersByDefault(element);
                        })
                    },
                    enableStikySidebar(element) {
                        const bodyElement = document.querySelector(this.selectors.body);
                        const filtersBlock = document.querySelector(this.selectors.filterContent);
                        const filtersMaxHeight = element.offsetHeight - filtersBlock.offsetHeight + this.filtersOverflowOffset;

                        // add classes
                        bodyElement.classList.add('-amshopby-sticky');
                        element.classList.add('-amshopby-sticky');
                        // set container max-height
                        filtersBlock.style.maxHeight = 'calc(100vh - ' + filtersMaxHeight + 'px)'
                    },

                    openFiltersByDefault(element) {
                        let filters = element.querySelectorAll(this.selectors.filterItem);
                        filters.forEach((filter) => {
                            let filterOPtion = filter.closest(this.selectors.filterOption);
                            let hasSelectedOption = filter.querySelector(this.selectors.selectedClass);
                            switch (parseInt(filter.dataset.amshopbyExpanded)) {
                                case 1:
                                    this._openFilterEvent(filterOPtion);
                                    break;
                                case 2:
                                    if (!this.isMobile || hasSelectedOption) {
                                        this._openFilterEvent(filterOPtion);
                                    }
                                    break;
                                default:
                                    if(hasSelectedOption) {
                                        this._openFilterEvent(filterOPtion);
                                    }
                            }
                        })
                    },

                    /**
                     * Create event for open filter
                     * @param target element for creating event
                     * @returns {*}
                     * @private
                     */
                    _openFilterEvent(target) {
                        return target.dispatchEvent(new CustomEvent('filter-open-state', {}));
                    },

                    setOpenedFilter(index, element) {
                        if (!this.isMobile) {
                            return;
                        }
                        const collapseComponent = element.closest(this.selectors.filterOption);
                        const  showMoreEls = collapseComponent.querySelectorAll(this.selectors.showMore);
                        this.openedFilter !== parseInt(index) ? this.openedFilter = parseInt(index) : this.openedFilter = null;
                        this._clearShowMoreElements(showMoreEls);
                    },

                    _clearShowMoreElements(elements) {
                        if (!elements) {
                            return;
                        }
                        elements.forEach((el, i) => {
                            if (i > 0) {
                                el.remove();
                            }
                        })
                    },

                    isFilterOpened(index) {
                        return this.openedFilter === parseInt(index);
                    }
                }
            }
        </script>
        </aside><div class="column main"><div class="flex flex-col md:flex-row flex-wrap font-bold md:mt-6 mtmb-2 pb-2 text-3xl">
    <h1 class="text-black page-title sm:text-2xl text-xl"
        >
        <span class="base" data-ui-id="page-title-wrapper" >Trix</span>    </h1>

    </div>
<div id="category-view-container" class="category-view container py-0">    <div class="w-full category-content">
                            <div data-content-type="row" data-appearance="contained" data-element="main" class="!px-0">
                <div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-element="inner"
                     style="justify-content: flex-start; display: flex; flex-direction: column;
                     background-position: left top; background-size: cover; background-repeat: no-repeat;
                     background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px;
                     margin: 0px 0px 10px; padding:0px;">
                    <div data-content-type="html" data-appearance="default" data-element="main"
                         style="border-style: none; border-width: 1px; border-radius: 0px; margin: 0px; padding: 0px;">
                         <div x-data="{ state: false }">
                            <div class="max-h-36 overflow-hidden" x-bind:class="{ 'max-h-full overflow-auto	': state }"><div class="gmPageHeader">
  <div class="gmTopBan">
    <picture class="mfwebp">                <source   type="image/webp" srcset="https://www.gaugemasterretail.com/media/mf_webp/jpg/media//amasty/brands/Trix.webp">                 <img data-webpconverted="1" class="gmBrandImage" alt="TRIX" src="https://www.gaugemasterretail.com/media//amasty/brands/Trix.jpg" /></picture>
  </div>
  <div>
      <h1 class="gmBrandTitle">TRIX - HO Scale Model Railways</h1>
  </div>
</div> </div>
                            <div class="text-center mt-3">
                                <button class="px-8 py-2 bg-primaryNew text-white font-medium md:text-lg text-base inline-block rounded-full hover:bg-secondaryNew" x-on:click="state = !state"  x-text="state ? 'Read Less' : 'Read More'" >Read More</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
<script>
    function stateObj() {
        return {
            active: false,
            toggle() {
                this.active = !this.active;
                this.setClass()
            },
            setClass() {
              if (this.active) {
                this.$refs.targetDiv.classList.add('blue')
              } else {
                this.$refs.targetDiv.classList.remove('blue')
              }
            }
        }
    }
</script></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>


    <div id="amasty-shopby-product-list" class="relative" x-data="shopBy()" x-init="initShopBy()" x-bind="eventListeners" x-spread="eventListeners">    <section class="py-8" id="product-list" aria-label="Product list" tabindex="-1">
        <script>
    function initToolbar_685c1e0bd8f90() {
        return {
            options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"sku","limitDefault":12,"url":"https:\/\/www.gaugemasterretail.com\/brands\/trix.html","formKey":"hzt94z3ROOhwqKtO","post":false,"page":"p"}}.productListToolbarForm || {},
            getUrlParams: function () {
                let decode = window.decodeURIComponent,
                    urlPaths = this.options.url.split('?'),
                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],
                    params = {},
                    parameters, i;

                for (i = 0; i < urlParams.length; i++) {
                    parameters = urlParams[i].split('=');
                    params[decode(parameters[0])] = parameters[1] !== undefined ?
                        decode(parameters[1].replace(/\+/g, '%20')) :
                        '';
                }

                return params;
            },
            getCurrentLimit: function () {
                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;
            },
            getCurrentPage: function () {
                return this.getUrlParams()[this.options.page] || 1;
            },
            changeUrl(paramName, paramValue, defaultValue) {
                let urlPaths = this.options.url.split('?'),
                    baseUrl = urlPaths[0],
                    paramData = this.getUrlParams(),
                    currentPage = this.getCurrentPage(),
                    newPage;

                /**
                 * calculates the page on which the first item of the current page will
                 * be with the new limit and sets that number as the new page
                 */
                if (currentPage > 1 && paramName === this.options.limit) {
                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1;

                    if (newPage > 1) {
                        paramData[this.options.page] = newPage;
                    } else {
                        delete paramData[this.options.page];
                    }
                }

                paramData[paramName] = paramValue;

                if (this.options.post) {
                    hyva.postForm({action: baseUrl, data: paramData, skipUenc: true});
                } else {
                    if (paramValue === defaultValue.toString()) {
                        delete paramData[paramName];
                    }
                    paramData = Object.keys(paramData).length === 0
                        ? ''
                        : '?' + (new URLSearchParams(paramData));
                    location.href = baseUrl + paramData
                }
            }
        }
    }
</script>
    <div x-data="initToolbar_685c1e0bd8f90()" class="toolbar toolbar-products grid grid-cols-4 sm:grid-cols-8 md:grid-cols-4
            lg:grid-cols-8  grid-flow-row gap-2 items-center">
                                                    <div class="modes md:flex hidden justify-center space-x-1 mr-2 items-center px-2 py-2 border border-theme bg-white text-sm leading-5
             w-20 order-1 col-span-1 sm:col-span-2 md:col-span-1 lg:col-span-2 " aria-label="Products view mode">
                                                <strong title="Grid" class="modes-mode active mode-grid" role="checkbox" aria-checked="true" data-value="grid" aria-label="Products view mode - Grid">
                        <span>Grid</span>
                    </strong>
                                                                <button class="modes-mode mode-list opacity-50 hover:opacity-100" title="List" href="#" options.modedefault data-role="mode-switcher" data-value="list" role="checkbox" aria-checked="false" aria-label="Products view mode - List">
                        <span>List</span>
                    </button>
                                    </div>

    
                <div class="toolbar-sorter sorter flex items-center order-1 col-span-4 sm:col-span-8
        md:col-span-3 lg:col-span-6 justify-end">
    <select data-role="sorter" class="form-select sorter-options mr-3 !rounded-none focus:ring-0 focus:outline-none focus:border-black" aria-label="Sort By" options.orderdefault>
                    <option value="position">
                Position            </option>
                    <option value="name">
                Product Name            </option>
                    <option value="sku" selected>
                SKU            </option>
                    <option value="price">
                Price            </option>
            </select>
            <a title="Set Descending Direction" href="#" class="action sorter-action sort-asc" options.directiondefault>
            <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="M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"></path>
<title>sort-descending</title></svg>
        </a>
    </div>
                        </div>

                        <div class="products wrapper mode-grid products-grid">
            <ul role="list" class="mx-auto pt-4 pb-12 grid gap-4 grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-8">
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/107416/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="107416">
                <a href="https://www.gaugemasterretail.com/trix-19703-trix-ho-catalogue-2024-and-25.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" loading="eager" fetchpriority="high" src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magento_Catalog/images/product/placeholder/small_image.jpg" width="332" height="332" alt="small_image.jpg" title="Trix HO Catalogue 2024/25">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">19703</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-19703-trix-ho-catalogue-2024-and-25.html" :id="`slide-desc-107416-${$id('slider-id')}`">
                Trix HO Catalogue 2024/25            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating107416685c1e0bec76d()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'Trix\u0020HO\u0020Catalogue\u00202024\u002F25\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'Trix\u0020HO\u0020Catalogue\u00202024\u002F25\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0bdb46e()
            {
                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 price-listing" x-data="initPriceBox__685c1e0bdb46e()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="107416">
    
<span x-data x-id="['product\u002Dprice\u002D107416']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D107416')" data-price-amount="3.95" data-price-type="finalPrice" class="price-wrapper "><span class="price">£3.95</span></span>
        </span>

</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=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            bg-primaryNew                " aria-label="Add to Basket Trix HO Catalogue 2024/25">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List Trix HO Catalogue 2024/25" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare Trix HO Catalogue 2024/25" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/117388/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="117388">
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/117388/s/trix-19713-trix-catalogue-2025-and-26/category/875/" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" loading="eager" fetchpriority="high" src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magento_Catalog/images/product/placeholder/small_image.jpg" width="332" height="332" alt="small_image.jpg" title="Trix HO Catalogue 2025/26">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">19713</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/catalog/product/view/id/117388/s/trix-19713-trix-catalogue-2025-and-26/category/875/" :id="`slide-desc-117388-${$id('slider-id')}`">
                Trix HO Catalogue 2025/26            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating117388685c1e0c09907()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'Trix\u0020HO\u0020Catalogue\u00202025\u002F26\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'Trix\u0020HO\u0020Catalogue\u00202025\u002F26\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c04f0d()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c04f0d()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="117388">
    
<span x-data x-id="['product\u002Dprice\u002D117388']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D117388')" data-price-amount="3.95" data-price-type="finalPrice" class="price-wrapper "><span class="price">£3.95</span></span>
        </span>

</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=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            bg-primaryNew                " aria-label="Add to Basket Trix HO Catalogue 2025/26">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List Trix HO Catalogue 2025/26" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare Trix HO Catalogue 2025/26" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/26845/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="26845">
                <a href="https://www.gaugemasterretail.com/trix-21000-trix-ho-digital-starter-pack.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" loading="eager" fetchpriority="high" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m21000.jpg" width="332" height="332" alt="m21000.jpg" title="Trix HO Digital Starter Pack">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">21000</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-21000-trix-ho-digital-starter-pack.html" :id="`slide-desc-26845-${$id('slider-id')}`">
                Trix HO Digital Starter Pack            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating26845685c1e0c1ab48()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'Trix\u0020HO\u0020Digital\u0020Starter\u0020Pack\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'Trix\u0020HO\u0020Digital\u0020Starter\u0020Pack\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c12460()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c12460()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="26845">
    
<span x-data x-id="['product\u002Dprice\u002D26845']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D26845')" data-price-amount="199.95" data-price-type="finalPrice" class="price-wrapper "><span class="price">£199.95</span></span>
        </span>

</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             In stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            text-primaryNew                " aria-label="Add to Basket Trix HO Digital Starter Pack">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List Trix HO Digital Starter Pack" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare Trix HO Digital Starter Pack" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/103459/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="103459">
                <a href="https://www.gaugemasterretail.com/trix-21505-cd-rh380-electric-passenger-starter-set-vi.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m21505.jpg" width="332" height="332" alt="m21505.jpg" title="CD Rh380 Electric Passenger Train Set VI (DCC-Sound)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">21505</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-21505-cd-rh380-electric-passenger-starter-set-vi.html" :id="`slide-desc-103459-${$id('slider-id')}`">
                CD Rh380 Electric Passenger Train Set VI (DCC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating103459685c1e0c2c682()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'CD\u0020Rh380\u0020Electric\u0020Passenger\u0020Train\u0020Set\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'CD\u0020Rh380\u0020Electric\u0020Passenger\u0020Train\u0020Set\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c23d84()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c23d84()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="103459">
    
<span x-data x-id="['product\u002Dprice\u002D103459']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D103459')" data-price-amount="499.95" data-price-type="finalPrice" class="price-wrapper "><span class="price">£499.95</span></span>
        </span>

</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             In stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            text-primaryNew                " aria-label="Add to Basket CD Rh380 Electric Passenger Train Set VI (DCC-Sound)">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List CD Rh380 Electric Passenger Train Set VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare CD Rh380 Electric Passenger Train Set VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/95667/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="95667">
                <a href="https://www.gaugemasterretail.com/trix-21531-dr-br74-steam-freight-starter-set-iii.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m21531.jpg" width="332" height="332" alt="m21531.jpg" title="DR BR74 Steam Freight Train Set III (DCC-Fitted)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">21531</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-21531-dr-br74-steam-freight-starter-set-iii.html" :id="`slide-desc-95667-${$id('slider-id')}`">
                DR BR74 Steam Freight Train Set III (DCC-Fitted)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating95667685c1e0c3978c()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'DR\u0020BR74\u0020Steam\u0020Freight\u0020Train\u0020Set\u0020III\u0020\u0028DCC\u002DFitted\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'DR\u0020BR74\u0020Steam\u0020Freight\u0020Train\u0020Set\u0020III\u0020\u0028DCC\u002DFitted\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c349e1()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c349e1()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="95667">
    
<span x-data x-id="['product\u002Dprice\u002D95667']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D95667')" data-price-amount="299.95" data-price-type="finalPrice" class="price-wrapper "><span class="price">£299.95</span></span>
        </span>

</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             In stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            text-primaryNew                " aria-label="Add to Basket DR BR74 Steam Freight Train Set III (DCC-Fitted)">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List DR BR74 Steam Freight Train Set III (DCC-Fitted)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare DR BR74 Steam Freight Train Set III (DCC-Fitted)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/89394/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="89394">
                <a href="https://www.gaugemasterretail.com/trix-22004-rrf-br189-091-2-electric-locomotive-vi.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m22004.jpg" width="332" height="332" alt="m22004.jpg" title="RRF BR189 091-2 Electric Locomotive VI (DCC-Sound)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">22004</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-22004-rrf-br189-091-2-electric-locomotive-vi.html" :id="`slide-desc-89394-${$id('slider-id')}`">
                RRF BR189 091-2 Electric Locomotive VI (DCC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating89394685c1e0c48bc2()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'RRF\u0020BR189\u0020091\u002D2\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'RRF\u0020BR189\u0020091\u002D2\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c41e69()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c41e69()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="89394">
    
<span x-data x-id="['product\u002Dprice\u002D89394']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D89394')" data-price-amount="355" data-price-type="finalPrice" class="price-wrapper "><span class="price">£355.00</span></span>
        </span>

</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             In stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            text-primaryNew                " aria-label="Add to Basket RRF BR189 091-2 Electric Locomotive VI (DCC-Sound)">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List RRF BR189 091-2 Electric Locomotive VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare RRF BR189 091-2 Electric Locomotive VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/45834/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="45834">
                <a href="https://www.gaugemasterretail.com/trix-22186-zssk-rh381-002-5-electric-locomotive-vi.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m22186.jpg" width="332" height="332" alt="m22186.jpg" title="ZSSK Rh381 002-5 Electric Locomotive VI (DCC-Sound)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">22186</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-22186-zssk-rh381-002-5-electric-locomotive-vi.html" :id="`slide-desc-45834-${$id('slider-id')}`">
                ZSSK Rh381 002-5 Electric Locomotive VI (DCC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating45834685c1e0c58f87()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'ZSSK\u0020Rh381\u0020002\u002D5\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'ZSSK\u0020Rh381\u0020002\u002D5\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c513f5()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c513f5()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="45834">
    
<span x-data x-id="['product\u002Dprice\u002D45834']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45834')" data-price-amount="290" data-price-type="finalPrice" class="price-wrapper "><span class="price">£290.00</span></span>
        </span>

</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=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            bg-primaryNew                " aria-label="Add to Basket ZSSK Rh381 002-5 Electric Locomotive VI (DCC-Sound)">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List ZSSK Rh381 002-5 Electric Locomotive VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare ZSSK Rh381 002-5 Electric Locomotive VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/103460/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="103460">
                <a href="https://www.gaugemasterretail.com/trix-22198-db-br120-120-1-electric-locomotive-iv.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m22198.jpg" width="332" height="332" alt="m22198.jpg" title="DB BR120 120-1 Electric Locomotive IV (DCC-Sound)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">22198</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-22198-db-br120-120-1-electric-locomotive-iv.html" :id="`slide-desc-103460-${$id('slider-id')}`">
                DB BR120 120-1 Electric Locomotive IV (DCC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating103460685c1e0c68419()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'DB\u0020BR120\u0020120\u002D1\u0020Electric\u0020Locomotive\u0020IV\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'DB\u0020BR120\u0020120\u002D1\u0020Electric\u0020Locomotive\u0020IV\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c639c3()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c639c3()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="103460">
    
<span x-data x-id="['product\u002Dprice\u002D103460']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D103460')" data-price-amount="380" data-price-type="finalPrice" class="price-wrapper "><span class="price">£380.00</span></span>
        </span>

</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             In stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            text-primaryNew                " aria-label="Add to Basket DB BR120 120-1 Electric Locomotive IV (DCC-Sound)">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List DB BR120 120-1 Electric Locomotive IV (DCC-Sound)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare DB BR120 120-1 Electric Locomotive IV (DCC-Sound)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<div class="item product product-item card card-interactive flex flex-col w-full ">
        <a href="https://www.gaugemasterretail.com/trix-22287-zssk-rh381-002-5-electric-locomotive-vi.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m22287.jpg" width="332" height="332" alt="m22287.jpg" title="ZSSK Rh381 002-5 Electric Locomotive VI">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">22287</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-22287-zssk-rh381-002-5-electric-locomotive-vi.html" :id="`slide-desc-45837-${$id('slider-id')}`">
                ZSSK Rh381 002-5 Electric Locomotive VI            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating45837685c1e0c777db()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'ZSSK\u0020Rh381\u0020002\u002D5\u0020Electric\u0020Locomotive\u0020VI\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'ZSSK\u0020Rh381\u0020002\u002D5\u0020Electric\u0020Locomotive\u0020VI\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
        
        
        <script>
            function initPriceBox__685c1e0c7163d()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c7163d()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="45837">
    
<span x-data x-id="['product\u002Dprice\u002D45837']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D45837')" data-price-amount="225" data-price-type="finalPrice" class="price-wrapper "><span class="price">£225.00</span></span>
        </span>

</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             Out of stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-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 of 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()" aria-label="Add to Wish List ZSSK Rh381 002-5 Electric Locomotive 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare ZSSK Rh381 002-5 Electric Locomotive 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</div>
                    </li>
                                    <li class="inline-flex">
                        
<div class="item product product-item card card-interactive flex flex-col w-full ">
        <a href="https://www.gaugemasterretail.com/trix-22343-fs-g2000-vossloh-diesel-locomotive-vi.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m22343.jpg" width="332" height="332" alt="m22343.jpg" title="FS G2000 Vossloh Diesel Locomotive VI (DCC-Sound)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">22343</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-22343-fs-g2000-vossloh-diesel-locomotive-vi.html" :id="`slide-desc-26993-${$id('slider-id')}`">
                FS G2000 Vossloh Diesel Locomotive VI (DCC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating26993685c1e0c89021()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'FS\u0020G2000\u0020Vossloh\u0020Diesel\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'FS\u0020G2000\u0020Vossloh\u0020Diesel\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
        
        
        <script>
            function initPriceBox__685c1e0c83722()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c83722()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="26993">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span x-data x-id="['26993']" class="price-container price-msrp_price tax weee">
        <span :id="$id('26993')" data-price-amount="340" data-price-type="" class="price-wrapper ">£340.00</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£249.95</span>

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

            }
        });
    }</script>
    <script type="text/javascript">    function eventListener9oWnMwBr7H () {
        event.preventDefault();
    }
    var listenedElement9oWnMwBr7HArray = document.querySelectorAll("a#msrp-popup-26993Nw8p73p9eFZBGlCFZAXT");
    if(listenedElement9oWnMwBr7HArray.length !== 'undefined'){
        listenedElement9oWnMwBr7HArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListener9oWnMwBr7H.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             Out of stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-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 of 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()" aria-label="Add to Wish List FS G2000 Vossloh Diesel Locomotive VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare FS G2000 Vossloh Diesel Locomotive VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</div>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/77840/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="77840">
                <a href="https://www.gaugemasterretail.com/trix-22368-servizi-ferroviari-v142-diesel-locomotive-v.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m22368.jpg" width="332" height="332" alt="m22368.jpg" title="Servizi Ferroviari V142 Diesel Locomotive V (DCC-Sound)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">22368</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-22368-servizi-ferroviari-v142-diesel-locomotive-v.html" :id="`slide-desc-77840-${$id('slider-id')}`">
                Servizi Ferroviari V142 Diesel Locomotive V (DCC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating77840685c1e0c9a8c2()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'Servizi\u0020Ferroviari\u0020V142\u0020Diesel\u0020Locomotive\u0020V\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'Servizi\u0020Ferroviari\u0020V142\u0020Diesel\u0020Locomotive\u0020V\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0c957b9()
            {
                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 price-listing" x-data="initPriceBox__685c1e0c957b9()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="77840">
    
<span x-data x-id="['product\u002Dprice\u002D77840']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D77840')" data-price-amount="290" data-price-type="finalPrice" class="price-wrapper "><span class="price">£290.00</span></span>
        </span>

</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=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            bg-primaryNew                " aria-label="Add to Basket Servizi Ferroviari V142 Diesel Locomotive V (DCC-Sound)">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List Servizi Ferroviari V142 Diesel Locomotive V (DCC-Sound)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare Servizi Ferroviari V142 Diesel Locomotive V (DCC-Sound)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                                    <li class="inline-flex">
                        
<form method="post" action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/77841/" class="item product product-item product_addtocart_form bg-greyLight   flex flex-col w-full p-2 custom-product h-full ">
    <input name="form_key" type="hidden" value="hzt94z3ROOhwqKtO">    <input type="hidden" name="product" value="77841">
                <a href="https://www.gaugemasterretail.com/trix-22381-sncf-tgv-euroduplex-4-car-emu-vi.html" class="product photo product-item-photo aspect-square w-full block mx-auto mb-3 bg-white " tabindex="-1">
        <img class="hover:shadow-sm object-contain product-image-photo" x-data="" src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/2/m22381.jpg" width="332" height="332" alt="m22381.jpg" title="SNCF TGV Euroduplex 4 Car EMU VI (DCC-Sound)">
    </a>
    <div class="product-info flex flex-col grow ">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Trix </span> <span class="manufacturer-name">22381</span>
        </div>
                <div class="mb-1 text-primary font-semibold text-base text-left min-h-11 ">
            <a class="product-item-link text-black font-semibold text-base" href="https://www.gaugemasterretail.com/trix-22381-sncf-tgv-euroduplex-4-car-emu-vi.html" :id="`slide-desc-77841-${$id('slider-id')}`">
                SNCF TGV Euroduplex 4 Car EMU VI (DCC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black min-h-5">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
            
<div x-data="initRating77841685c1e0ca9581()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" title="Be the first to review this product" tabindex="0" :aria-label="reviewsSection
            ? 'SNCF\u0020TGV\u0020Euroduplex\u00204\u0020Car\u0020EMU\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'SNCF\u0020TGV\u0020Euroduplex\u00204\u0020Car\u0020EMU\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0020rating.\u00200\u0020out\u0020of\u00205\u0020stars'
        " role="group">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-200 w-6 h-6" viewbox="3 0 20 20" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                        </div>

    <script>
        'use strict';

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

                    if (!this.reviewsSection) {
                        return
                    }

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

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

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>

        </div>
        
                            
        
        <script>
            function initPriceBox__685c1e0ca45c5()
            {
                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 price-listing" x-data="initPriceBox__685c1e0ca45c5()">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="77841">
    
<span x-data x-id="['product\u002Dprice\u002D77841']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D77841')" data-price-amount="645" data-price-type="finalPrice" class="price-wrapper "><span class="price">£645.00</span></span>
        </span>

</div>        </div>
                 
        <div class="desc std text-sm font-semibold mt-2 min-h-5 hidden  text-center">
             In stock        </div>

        <div class=" pt-2 flex flex-wrap  items-center mt-auto justify-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm
            text-primaryNew                " aria-label="Add to Basket SNCF TGV Euroduplex 4 Car EMU VI (DCC-Sound)">
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()" aria-label="Add to Wish List SNCF TGV Euroduplex 4 Car EMU VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()" aria-label="Add to Compare SNCF TGV Euroduplex 4 Car EMU VI (DCC-Sound)" 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"></path>
</svg>
            </button>
                                                            </div>
    </div>
</form>
                    </li>
                            </ul>
        </div>
        <script>
    function initToolbar_685c1e0cb1037() {
        return {
            options: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"sku","limitDefault":12,"url":"https:\/\/www.gaugemasterretail.com\/brands\/trix.html","formKey":"hzt94z3ROOhwqKtO","post":false,"page":"p"}}.productListToolbarForm || {},
            getUrlParams: function () {
                let decode = window.decodeURIComponent,
                    urlPaths = this.options.url.split('?'),
                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],
                    params = {},
                    parameters, i;

                for (i = 0; i < urlParams.length; i++) {
                    parameters = urlParams[i].split('=');
                    params[decode(parameters[0])] = parameters[1] !== undefined ?
                        decode(parameters[1].replace(/\+/g, '%20')) :
                        '';
                }

                return params;
            },
            getCurrentLimit: function () {
                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;
            },
            getCurrentPage: function () {
                return this.getUrlParams()[this.options.page] || 1;
            },
            changeUrl(paramName, paramValue, defaultValue) {
                let urlPaths = this.options.url.split('?'),
                    baseUrl = urlPaths[0],
                    paramData = this.getUrlParams(),
                    currentPage = this.getCurrentPage(),
                    newPage;

                /**
                 * calculates the page on which the first item of the current page will
                 * be with the new limit and sets that number as the new page
                 */
                if (currentPage > 1 && paramName === this.options.limit) {
                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) / paramValue) + 1;

                    if (newPage > 1) {
                        paramData[this.options.page] = newPage;
                    } else {
                        delete paramData[this.options.page];
                    }
                }

                paramData[paramName] = paramValue;

                if (this.options.post) {
                    hyva.postForm({action: baseUrl, data: paramData, skipUenc: true});
                } else {
                    if (paramValue === defaultValue.toString()) {
                        delete paramData[paramName];
                    }
                    paramData = Object.keys(paramData).length === 0
                        ? ''
                        : '?' + (new URLSearchParams(paramData));
                    location.href = baseUrl + paramData
                }
            }
        }
    }
</script>
    <div x-data="initToolbar_685c1e0cb1037()" class="toolbar toolbar-products grid grid-cols-4 sm:grid-cols-8 md:grid-cols-4
            lg:grid-cols-8  grid-flow-row gap-2 items-center">
                    <p class="toolbar-amount text-sm leading-5 text-secondaryNew font-medium order-3 sm:order-2 md:order-3
    lg:order-2 col-span-2 gap-x-1" id="toolbar-amount">
            Items <span class="toolbar-number">1</span>-<span class="toolbar-number">12</span> of <span class="toolbar-number">261</span>    </p>
                
    
    <div class="flex justify-center order-2 col-span-4">
                    <nav class="inline-flex items-center pages" aria-label="pagination">
                <ol class="relative z-0 inline-flex shadow-sm items pages-items">
                    <li class="item pages-item-previous">
                                                                            <a role="link" class="previous relative inline-flex items-center text-sm font-medium leading-5 bg-white border   mr-1 px-3 py-2 text-gray-400
                                 border-gray-200" aria-disabled="true" aria-label="Previous">
                                <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 19l-7-7 7-7"></path>
</svg>
                            </a>
                                            </li>

                    
                    
                                                                        <li class="item mx-1">
                                <a href="https://www.gaugemasterretail.com/brands/trix.html" class="page relative inline-flex items-center text-sm font-medium leading-5 bg-white border  transition duration-150 ease-in-out hover:text-primaryNew hover:border-primaryNew focus:z-10 focus:outline-none focus:border-primaryNew focus:shadow-outline-blue active:bg-gray-100 active:text-primaryNew z-10 px-4 py-2 text-primaryNew border-primaryNew" aria-current="page">
                                    <span class="sr-only label">
                                        You're currently reading page                                    </span>
                                    1                                </a>
                            </li>
                                                                                                <li class="item mx-1">
                                <a href="https://www.gaugemasterretail.com/brands/trix.html?p=2" class="page relative inline-flex items-center text-sm font-medium leading-5 bg-white border  transition duration-150 ease-in-out hover:text-primaryNew hover:border-primaryNew focus:z-10 focus:outline-none focus:border-primaryNew focus:shadow-outline-blue active:bg-gray-100 active:text-primaryNew px-4 py-2 text-gray-700 border-[#797979]">
                                    <span class="sr-only label">Page</span>
                                    <span>2</span>
                                </a>
                            </li>
                                                                                                <li class="item mx-1">
                                <a href="https://www.gaugemasterretail.com/brands/trix.html?p=3" class="page relative inline-flex items-center text-sm font-medium leading-5 bg-white border  transition duration-150 ease-in-out hover:text-primaryNew hover:border-primaryNew focus:z-10 focus:outline-none focus:border-primaryNew focus:shadow-outline-blue active:bg-gray-100 active:text-primaryNew px-4 py-2 text-gray-700 border-[#797979]">
                                    <span class="sr-only label">Page</span>
                                    <span>3</span>
                                </a>
                            </li>
                                                                                                <li class="item mx-1">
                                <a href="https://www.gaugemasterretail.com/brands/trix.html?p=4" class="page relative inline-flex items-center text-sm font-medium leading-5 bg-white border  transition duration-150 ease-in-out hover:text-primaryNew hover:border-primaryNew focus:z-10 focus:outline-none focus:border-primaryNew focus:shadow-outline-blue active:bg-gray-100 active:text-primaryNew px-4 py-2 text-gray-700 border-[#797979]">
                                    <span class="sr-only label">Page</span>
                                    <span>4</span>
                                </a>
                            </li>
                                            
                    
                    
                    <li class="item pages-item-next -ml-px">
                                                                                <a href="https://www.gaugemasterretail.com/brands/trix.html?p=2" class="action  next relative inline-flex items-center text-sm font-medium leading-5 bg-white border  transition duration-150 ease-in-out hover:text-primaryNew hover:border-primaryNew focus:z-10 focus:outline-none focus:border-primaryNew focus:shadow-outline-blue active:bg-gray-100 active:text-primaryNew ml-1 px-3 py-2 text-gray-500" aria-label="Next">
                                                                    <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="M9 5l7 7-7 7"></path>
</svg>
                                                            </a>
                                            </li>
                </ol>
            </nav>
            </div>

    
    
            
    <div class="field limiter flex items-center order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 justify-end">
        <div class="control">
            <label class="text-sm label font-medium text-secondaryNew">
                <span aria-hidden="true">Show</span>

                <select data-role="limiter" class="form-select limiter-options ml-3 !rounded-none focus:ring-0 focus:outline-none focus:border-black md:min-w-28 text-secondaryNew font-medium" options.limitdefault aria-label="Show items per page">
                                    <option value="12" selected>
                        12                    </option>
                                    <option value="18">
                        18                    </option>
                                    <option value="24">
                        24                    </option>
                                    <option value="30">
                        30                    </option>
                                </select>
            </label>
        </div>
    </div>
            </div>

    </section>
<div class="flex flex-row justify-center items-center w-full h-full absolute select-none z-5 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-opacity-70 bg-white" x-show="isLoading" x-cloak 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">
    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewbox="0 0 50 50">
        <path fill="#d9dddd" d="M43.935 25.145c0-10.318-8.364-18.683-18.683-18.683-10.318 0-18.683 8.365-18.683 18.683h4.068c0-8.071 6.543-14.615 14.615-14.615s14.615 6.543 14.615 14.615h4.068z">
            <animatetransform attributetype="xml" attributename="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatcount="indefinite"></animatetransform>
        </path>
    </svg>
</div>
</div>

<div class="amshopby-filters-bottom-cms">
    </div>
<script>
    function shopBy() {
        return {
            cached: [],
            filters: {},
            signal: null,
            controller: null,
            element: null,
            cacheKey: null,
            response: null,
            startAjax: false,
            isLoading: false,
            memorizeData: [],
            defaultFilters: [],
            currentFilters: [],
            useShowButton: true,
            showButtonClick: false,
            isImprovedSorting: false,
            isOneColumn: Boolean(),
            isAjax: 1,
            scrollUp: 1,
            clearUrl: 'https\u003A\u002F\u002Fwww.gaugemasterretail.com\u002Fbrands\u002Ftrix.html',
            submitByClick: 0,
            currentCategoryId: 875,
            isMemorizerAllowed: 0,
            isAjaxSettingEnabled: 1,
            isCategorySingleSelect: 1,
            toolbarOptions: {"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"sku","limitDefault":12,"url":"https:\/\/www.gaugemasterretail.com\/brands\/trix.html","formKey":"hzt94z3ROOhwqKtO","post":false,"page":"p"}}.productListToolbarForm || {},             options: {
                isAjax: 0,
                collectFilters: 0,
                clearUrl: null,
                delta: [],
                deltaFrom: 0,
                deltaTo: 0,
                curRate: '1',
                digitsAfterDot: 2
            },
            selectors: {
                // sidebar
                sidebar: '.sidebar',
                sidebarList: '.sidebar.sidebar-main #narrow-by-list',
                layeredFilter: '#layered-filter-block',
                blockFilter: '.block-filter-top',

                // top nav
                topNav: '.amasty-catalog-topnav',
                topNavigation: '.catalog-topnav .block-filter-top',

                titleHead: '[data-ui-id="page-title-wrapper"]',
                productsWrapper: '#amasty-shopby-product-list, .search.results',

                filterName: '[name="amshopby[{name}][]"][value="{value}"]',
                filterForm: 'form[data-amshopby-filter]',
                filterItems: '[class*="am-filter-items"]',
                filterFormAttr: 'form[data-amshopby-filter={attr}]',
                filterRequestVar: '[data-amshopby-filter-request-var="cat"]',
                filterOptionsItem: '.filter-option',
                filterOptionsContent: '.filter-options-content',

                // from to
                fromToWidget: '[data-am-js="fromto-widget"]',

                // remove
                removeItems: '.filter-current .items .radio-remove-item',
                removeAllItems: '.filter-current .items .amshopby-remove-item',

                // sorting
                improvedSortingWrapper: '[x-data="amSortingDirection()"]'
            },
            toolbarElements: {
                mode: '[data-role="mode-switcher"]',
                sortDir: '.sorter-action',
                sort: '[data-role="sorter"]',
                limiter: '[data-role="limiter"]'
            },

            /**
             *
             * @param e
             */
            stopEvents(e) {
                e.stopPropagation();
                e.preventDefault();
            },

            /**
             *
             * @param selector
             * @returns {*}
             */
            qs(selector) {
                return document.querySelector(selector);
            },

            /**
             *
             * @param selector
             * @returns {NodeListOf<*>}
             */
            qsa(selector) {
                return document.querySelectorAll(selector);
            },

            /**
             *
             * @param swatchId
             * @param attributeID
             */
            setSwatchToProducts(swatchId, attributeID) {
                setTimeout(() => {
                    const productList = document.getElementById('amasty-shopby-product-list');
                    if (productList) {
                        const valueSelector = '[name="super_attribute[{name}]"][value="{value}"]'
                            .replace('{name}', attributeID)
                            .replace('{value}', swatchId);
                        const swatches = productList.querySelectorAll(valueSelector);

                        swatches.forEach(swatch => {
                            if (!swatch.checked) {
                                swatch.dispatchEvent(new Event('change'));
                            }
                        });
                    }
                }, 1500);
            },

            /**
             *
             * @param swatches
             * @param attributeID
             */
            massSwatchSet(swatches, attributeID) {
                swatches.map(swatch => {
                    this.setSwatchToProducts(swatch, attributeID);
                });
            },

            /**
             *
             * @param swatchIds
             * @param attributeID
             */
            setSwatchMassToProducts(swatchIds, attributeID) {
                const swatches = swatchIds.split(',');
                this.massSwatchSet(swatches, attributeID);

                window.onload = () => {
                    setTimeout(() => {
                        this.massSwatchSet(swatches, attributeID);
                    }, 1000);
                }
            },

            /**
             *
             */
            setSelectedProductSwatch() {
                this.qsa(this.selectors.removeAllItems).forEach(item => {
                    if (item.getAttribute('data-massset')) {
                        this.setSwatchMassToProducts(
                            item.getAttribute('data-massset'),
                            item.getAttribute('data-attribute-id')
                        )
                    }

                    if (item.getAttribute('data-swatchset')) {
                        this.setSwatchToProducts(
                            item.getAttribute('data-swatchset'),
                            item.getAttribute('data-attribute-id')
                        )
                    }
                });
            },

            /**
             *
             * @returns {{}}
             */
            getUrlParams() {
                let decode = window.decodeURIComponent,
                    urlPaths = window.location.href.split('?'),
                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],
                    params = {},
                    parameters, i;

                for (i = 0; i < urlParams.length; i++) {
                    parameters = urlParams[i].split('=');
                    params[decode(parameters[0])] = parameters[1] !== undefined ?
                        decode(parameters[1].replace(/\+/g, '%20')) :
                        '';
                }

                return params;
            },

            /**
             *
             * @returns {*|string}
             */
            getCurrentLimit() {
                return this.getUrlParams()[this.toolbarOptions.limit] || this.toolbarOptions.limitDefault;
            },

            /**
             *
             * @returns {*|number}
             */
            getCurrentPage() {
                return this.getUrlParams()[this.toolbarOptions.page] || 1;
            },

            /**
             *
             * @returns {*|number}
             */
            setDirectionDefault() {
                const paramData = this.getUrlParams();
                const sorterAction = document.querySelector(this.toolbarElements.sortDir);

                if (sorterAction) {
                    const hasSortDescClass = sorterAction.classList.contains('sort-desc');

                    this.toolbarOptions.directionDefault = paramData[this.toolbarOptions.direction]
                        ? (paramData[this.toolbarOptions.direction] === 'asc' ? 'desc' : 'asc')
                        : (hasSortDescClass ? 'desc' : 'asc');
                }
            },

            /**
             *
             * @param elements
             * @param excluded
             * @returns {[]}
             */
            excludingElement(elements, excluded) {
                let clearing = [],
                    excludedSelector = this.qs(excluded);
                elements.forEach(element => {
                    if (element !== excludedSelector) {
                        clearing.push(element);
                    }
                });

                return clearing;
            },

            /**
             *
             * @param form
             * @returns {{name: *, value: *}[]}
             */
            serializeForm(form) {
                const formData = new FormData(form);
                const formDataMap = new Map();

                formData.forEach((value, name) => {
                    if (formDataMap.has(name)) {
                        formDataMap.set(name, formDataMap.get(name) + ',' + value);
                    } else {
                        formDataMap.set(name, value);
                    }
                });

                return Array.from(formDataMap, ([name, value]) => ({ name, value }));
            },

            /**
             * @public
             * @param {Array} formData
             * @return {Array}
             */
            groupDataByName(formData) {
                const hash = Object.create(null);

                return formData.reduce((result, currentValue) => {
                    const existingEntry = hash[currentValue.name];

                    if (!existingEntry) {
                        const newEntry = {
                            name: currentValue.name,
                            value: currentValue.value
                        };
                        hash[currentValue.name] = newEntry;
                        result.push(newEntry);
                    } else {
                        existingEntry.value += ',' + currentValue.value;
                    }

                    return result;
                }, []);
            },

            /**
             * @public
             * @returns {Boolean}
             */
            isBaseCurrency() {
                return Number(this.options.curRate) === 1;
            },

            /**
             *
             * @param toBasePrice
             * @param input
             * @param delta
             * @returns {*|number}
             */
            processPrice(toBasePrice, input, delta) {
                const rate = Number(this.options.curRate);
                const inputPrice = Number(input);
                const adjustedDelta = typeof delta !== 'undefined' ? Number(delta) : 0;

                if (this.isBaseCurrency()) {
                    return inputPrice;
                } else {
                    if (toBasePrice) {
                        return inputPrice / rate;
                    } else {
                        return (inputPrice * rate) + adjustedDelta;
                    }
                }
            },

            /**
             * @public
             * @return {Number}
             */
            getHideDigitsAfterDot() {
                const value = +this.qs('[name="amshopby[price][]"]').getAttribute('data-digits-after-dot');
                return Number.isNaN(value) ? 0 : value;
            },

            /**
             * @public
             * @param {String} value
             * @return {String}
             */
            normalizePrice(value) {
                const result = value.split('-');

                for (let i = 0; i < result.length; i++) {
                    if (result[i] === undefined) {
                        result[i] = 0;
                    }
                    result[i] = this.processPrice(true, result[i])
                        .amToFixed(2, this.getHideDigitsAfterDot());
                }

                return result.join('-').replace(/[ \r\n]/g, '');
            },

            /**
             * @public
             * @param {Array} data
             * @param {Boolean} [isSorting]
             * @param {Boolean} [clearFilter]
             * @param clearUrl
             * @return {Array}
             */
            normalizeData(data, isSorting, clearFilter, clearUrl) {
                const normalizedData = [];
                data.forEach(item => {
                    if (item && item.value.trim() !== '' && item.value !== '-1') {
                        const isNormalizeItem = normalizedData.find(normalizeItem =>
                            (normalizeItem.name === item.name && normalizeItem.value === item.value) ||
                            (item.name === 'amshopby[price][]' && normalizeItem.name === item.name)
                        );

                        if (!isNormalizeItem) {
                            if (item.name === 'amshopby[price][]') {
                                item.value = this.normalizePrice(item.value);
                            }

                            normalizedData.push(item);

                            item.value.split(',').forEach(value => {
                                if (this.isCategorySingleSelect === 1 &&
                                    item.name === 'amshopby[cat][]' &&
                                    +value !== this.currentCategoryId &&
                                    !clearFilter &&
                                    !isSorting) {
                                    const filterRequestVar = this.selectors.filterRequestVar;
                                    clearUrl = this.qs(`*${filterRequestVar} *[value="${item.value}"]`)
                                        .closest('.item').querySelector('a').getAttribute('href');
                                }
                            });
                        }
                    }
                });

                this.groupDataByName(normalizedData)

                if (clearUrl) {
                    const locationData = clearUrl.split("?");
                    if (locationData.length > 1) {
                        const url = locationData[0];
                        const urlParams = locationData[1].split('&');

                        urlParams.forEach((param, index) => {
                            const paramKey = param.split(/=(.*)/)[0];

                            if (
                                !this.qs(`.amshopby-remove-item[data-container="${paramKey}"]`) &&
                                this.qs(`[name="amshopby[${paramKey}][]"]`)
                            ) {
                                urlParams.splice(index, 1);
                            }
                        });

                        clearUrl = `${url}?${urlParams.join('&')}`;
                    }

                    normalizedData.clearUrl = clearUrl;
                }
                if (clearFilter && !this.submitByClick) {
                    const removeItems = document.querySelectorAll(this.selectors.removeAllItems);

                    for (let i = 0; i < removeItems.length; i++) {
                        const item = removeItems[i];
                        const container = item.getAttribute('data-container');
                        const value = item.getAttribute('data-value');

                        const findAmShopBy = normalizedData.find((amshopby) => {
                            return amshopby.name === 'amshopby[' + container + '][]';
                        });

                        if (findAmShopBy) {
                            const values = findAmShopBy.value.split(',');
                            if (!values.includes(value)) {
                                findAmShopBy.value += ',' + value;
                            }
                        } else {
                            normalizedData.push({name: 'amshopby[' + container + '][]', value: value});
                        }
                    }
                }

                return normalizedData;
            },

            /**
             *
             * @param element
             * @param selector
             * @returns {string}
             */
            getFilterClass(element, selector) {
                const filterItems = element.closest(selector);
                const className = filterItems ? filterItems.className : element.querySelector(selector).className;
                const startPos = className.indexOf('am-filter-items');
                const endPos = className.indexOf(' ', startPos + 1) === -1 ? 100 : className.indexOf(' ', startPos + 1);
                return className.substring(startPos, endPos);
            },

            /**
             *
             * @param forms
             * @param currentFilterClass
             * @param currentFilterForm
             * @param existFields
             * @param selectors
             * @returns {unknown[]}
             */
            updateForms(forms, currentFilterClass, currentFilterForm, existFields, selectors) {
                return Array.from(forms).map(item => {
                    const filterClass = this.getFilterClass(item, selectors.filterItems);

                    if (currentFilterClass === filterClass) {
                        return currentFilterForm;
                    } else {
                        return item;
                    }
                }).filter(item => {
                    const filterClass = this.getFilterClass(item, selectors.filterItems);
                    const isPriceType = item.closest(selectors.filterOptionsItem)
                        .querySelectorAll(selectors.fromToWidget).length;

                    if (filterClass && existFields[filterClass] && !isPriceType) {
                        return false;
                    } else {
                        existFields[filterClass] = true;
                        return true;
                    }
                });
            },

            initialFilters() {
                const initialFilters = [];
                this.qsa(this.selectors.removeAllItems).forEach(item => {
                    const value = item.getAttribute('data-swatchset');
                    const name = item.getAttribute('data-container');
                    if (value) {
                        initialFilters.push({ name: `amshopby[${name}][]`, value });
                    }
                });
                this.defaultFilters = initialFilters;
            },

            /**
             * @public
             * @param {String | null} element
             * @param {String | null} clearUrl
             * @param {Boolean | null} [clearFilter]
             * @param {Boolean} [isSorting]
             * @return {Array}
             */
            prepareTriggerAjax(element, clearUrl, clearFilter, isSorting) {
                let data = [];

                if (isSorting) {
                    data.clearUrl = clearUrl;
                } else {
                    data = this.prepareAjaxData(element, clearUrl, clearFilter, isSorting);
                }

                window.dispatchEvent(new CustomEvent('amShopbySubmitFilters', {
                    detail: {
                        data: data,
                        clearFilter: clearFilter,
                        isSorting: isSorting
                    }
                }));

                return data;
            },

            /**
             * @public
             * @param {String | null} element
             * @param {String | null} clearUrl
             * @param {Boolean | null} [clearFilter]
             * @param {Boolean} [isSorting]
             * @return {Array}
             */
            prepareAjaxData: function (element, clearUrl, clearFilter, isSorting) {
                const selectors = this.selectors;
                let forms;
                forms = this.qsa(selectors.filterForm);

                let attributeName,
                    excludedFormSelector,
                    serializeForms = [],
                    isPriceExist = false,
                    data;

                if (element) {
                    if (clearFilter) {
                        attributeName = selectors.filterFormAttr
                            .replace('{attr}', element.closest(selectors.filterOptionsContent)
                                .querySelector('form')
                                .getAttribute('data-amshopby-filter'));
                        excludedFormSelector = selectors.sidebar + ' ' + attributeName;
                        forms = this.excludingElement(forms, excludedFormSelector);
                    }

                    const currentFilterForm = element.closest(selectors.filterOptionsItem)
                        .querySelector(selectors.filterForm);
                    const currentFilterClass = this.getFilterClass(currentFilterForm, selectors.filterItems);
                    forms = this.updateForms(forms, currentFilterClass, currentFilterForm, {}, selectors);
                } else {
                    forms = this.updateForms(forms, false, null, {}, selectors);
                }

                forms.forEach(form => {
                    const serializeData = this.serializeForm(form);
                    if (serializeData.length) {
                        serializeForms.push(...serializeData);
                    }
                });

                serializeForms.some(item => {
                    if (item.name === 'amshopby[price][]') {
                        isPriceExist = true;
                        return true;
                    }
                    return false;
                });

                data = this.normalizeData(serializeForms, isSorting, clearFilter, clearUrl);
                data.clearUrl = data.clearUrl || clearUrl;

                if (this.options.delta.length) {
                    data = data.concat(this.options.delta);
                }

                if (element && element !== document && element.closest('.price-ranges')) {
                    data.push({
                        name: 'price-ranges',
                        value: 1
                    });
                }

                return data;
            },

            /**
             *
             * @param param
             * @param paramValue
             */
            changeUrl(param, paramValue) {
                let paramData = this.getUrlParams();
                const defaultValue = this.toolbarOptions[param + 'Default'];
                const paramName = this.toolbarOptions[param];
                const [baseUrl] = this.toolbarOptions.url.split('?');
                const currentPage = this.getCurrentPage();
                const currentLimit = this.getCurrentLimit();
                const pageParam = this.toolbarOptions.page;
                const limitParam = this.toolbarOptions.limit;
                const defaults = {
                    mode: this.toolbarOptions.modeDefault,
                    order: this.toolbarOptions.orderDefault,
                    direction: this.toolbarOptions.directionDefault
                };
                if (currentPage > 1 && paramName === limitParam && param === 'limit') {
                    const newPage = Math.floor(currentLimit * (currentPage - 1) / paramValue) + 1;
                    newPage > 1 ? paramData[pageParam] = newPage : delete paramData[pageParam];
                }
                paramData[paramName] = paramValue;
                if (paramValue.toString() === defaultValue?.toString() && !this.toolbarOptions.post) {
                    delete paramData[paramName];
                } else if (defaults[param] === paramValue) {
                    delete paramData[paramName];
                }
                const queryParams = new URLSearchParams(paramData).toString();
                const newUrl = queryParams ? `${baseUrl}?${queryParams}` : baseUrl;

                if (this.isAjax) {
                    this.prepareTriggerAjax(null, newUrl, false, true);
                } else {
                    location.href = newUrl;
                }
            },

            /**
             *
             * @param element
             * @param event
             * @param paramValue
             */
            addToolbarEvent(element, event, paramValue) {
                const el = this.qs(element);
                el.removeAttribute('@click.prevent');
                el.removeAttribute('@change');
                el.replaceWith(el.cloneNode(true));

                this.qs(element).addEventListener(event, e => {
                    this.stopEvents(e);
                    let value;
                    if (paramValue === 'order' || paramValue === 'limit') {
                        value = e.currentTarget.value;
                    } else if (paramValue === 'direction') {
                        const classNames = e.currentTarget.getAttribute('class');
                        value = classNames.indexOf('sort-desc') === -1 ? 'desc' : 'asc';
                    } else {
                        value = e.currentTarget.getAttribute('data-value');
                    }
                    this.changeUrl(paramValue, value);
                }, false);
            },

            /**
             *
             */
            initShopBy() {
                if (this.isAjax) {
                    if (typeof window.history.replaceState === "function") {
                        window.history.replaceState({url: document.URL}, document.title);
                        setTimeout(() => {
                            /*
                            Timeout is a workaround for iPhone
                            Reproduce scenario is following:
                            1. Open category
                            2. Use pagination
                            3. Click on product
                            4. Press "Back"
                            Result: Ajax loads the same content right after regular page load
                            */
                            window.onpopstate = e => {
                                if (e.state && !this.startAjax) {
                                    this.callAjax(e.state.url, []);
                                }
                            };
                        }, 0);
                    }

                    this.qsa('.pages-items a').forEach(link => {
                        link.addEventListener('click', e => {
                            this.stopEvents(e);
                            this.pagerEvent(e);
                        }, false);
                    });
                }

                
                this.isImrovedSorting = !!this.qs(this.selectors.improvedSortingWrapper);

                if (this.qs(this.toolbarElements.mode)) {
                    this.addToolbarEvent(this.toolbarElements.mode, 'click', 'mode');
                }

                if (this.qs(this.toolbarElements.sortDir)) {
                    this.addToolbarEvent(this.toolbarElements.sortDir, 'click', 'direction');
                }

                if (this.qs(this.toolbarElements.sort)) {
                    this.addToolbarEvent(this.toolbarElements.sort, 'change', 'order');
                }

                if (this.qs(this.toolbarElements.limiter)) {
                    this.addToolbarEvent(this.toolbarElements.limiter, 'change', 'limit');
                }

                this.topFiltersCheckOnMobile();
                this.setSelectedProductSwatch();

                this.initialFilters();

                this.setDirectionDefault();
            },

            /**
             *
             * @param element
             * @returns {boolean}
             */
            isFinderAndCategory(element) {
                const isFinderPage = location.href.includes('find='); // Check if it's a finder page
                const isRadioInput = element.type === 'radio';
                const isCategoryCheckbox = element.name === 'amshopby[cat][]';

                return isFinderPage && isRadioInput && isCategoryCheckbox;
            },

            /**
             *
             * @param element
             */
            setSwatchBorder(element) {
                element.classList.toggle('border-container-darker');
                element.classList.toggle('border-container-lighter');
                element.classList.toggle('amshopby-link-selected');
                element.classList.toggle('text-blue-600');
            },

            /**
             * @public
             * @param {Array} values
             * @return {String}
             */
            toValidView(values) {
                const formattedValues = values.map(value => (value !== undefined ? parseFloat(value).toFixed() : value));                 return formattedValues.join('-');
            },

            /**
             * @public
             * @param {String} name
             * @param {String} filterValue
             * @param {String} value
             * @return {Boolean}
             */
            isEquals(name, filterValue, value) {
                const values = value.split('-');
                const filterValues = filterValue.split('-');

                if (values.length > 1) {
                    filterValue = this.toValidView(filterValues);
                    value = this.toValidView(values);
                }

                return filterValue === value;
            },

            /**
             * @public
             * @param {String} name
             * @param {String} value
             * @return {void}
             */
            setDefault(name, value) {
                const valueSelector = this.selectors.filterName
                    .replace('{name}', name)
                    .replace('{value}', value);

                const filters = this.element.closest('.columns').querySelectorAll(valueSelector);

                let realStatusChecked;

                filters.forEach(filter => {
                    const tagName = filter.tagName;

                    if (tagName === 'SELECT' && name === 'price') {
                        filter.querySelectorAll('option').forEach(option => {
                            if (this.toValidView(option.value.split('-')) === value) {
                                option.selected = false;
                            }
                        });
                        filter.querySelector(`[value="${value}"]`).selected = true;
                    }

                    if (tagName === 'INPUT') {
                        const inputType = filter.getAttribute('type');

                        if (inputType !== 'text' && inputType !== 'hidden') {
                            const selectedInputs = this.qsa(`${valueSelector}[value="${value}"]`);

                            selectedInputs.forEach(selected => {
                                realStatusChecked = realStatusChecked === undefined
                                    ? selected.checked
                                    : realStatusChecked;

                                selected.checked = !realStatusChecked;

                                Array.from(selected.parentNode.children)
                                    .filter(child => child !== selected)
                                    .forEach(sibling => sibling.classList.remove('selected'));
                            });
                        }

                        if ((inputType === 'hidden' && this.isEquals(name, filter.value, value)) || name === 'price') {
                            filter.value = filter.value !== value ? value : '';
                        }
                    }
                });
            },

            /**
             *
             * @param url
             * @param data
             * @returns {string}
             */
            getClearUrlParams(url, data) {
                let params = '';

                url = url.replace('#', '');

                data.forEach((param, index) => {
                    if (index > 0) {
                        params += '&';
                    }

                    params += `${param.name}=${param.value}`;
                });

                url += (url.includes('?') ? '&' : '?');

                return `${url}${params}`;
            },

            /**
             * @public
             * @return {Object}
             */
            getProductBlock() {
                let $productsWrappers = this.qsa(this.selectors.productsWrapper),
                    $productsWrapper = $productsWrappers[$productsWrappers.length - 1];

                if ($productsWrapper.closest('.search.results')) {
                    $productsWrapper = $productsWrapper.closest('.search.results');
                }

                return $productsWrapper;
            },

            /**
             * TriggerDOMContentLoaded for rebuild Page Builder
             */
            triggerDOMContentLoaded() {
                const DOMContentLoadedEvent = new Event('DOMContentLoaded');
                window.dispatchEvent(DOMContentLoadedEvent);
            },

            /**
             *
             * @param data
             */
            replaceCategoryView(data) {
                if (data.h1) {
                    const titleElement = document.createElement('div');
                    titleElement.innerHTML = data.h1;
                    const pageTitle = this.qs('.page-title').parentNode;
                    const newPageTitle = titleElement.querySelector('.page-title').parentNode;
                    pageTitle.classList.add('amshopby-page-title');
                    newPageTitle.classList.add('amshopby-page-title');
                    pageTitle.outerHTML = newPageTitle.outerHTML;
                }

                if (data.categoryData) {
                    const existingCategoryView = this.qs('.category-view');
                    if (!existingCategoryView) {
                        const catNode = document.createElement('div');
                        catNode.className = 'category-view';
                        const mainContent = this.qs('#maincontent');
                        let childNode = this.qs('.page-main .columns');

                        if (this.qs('.amwidget-children-categories')) {
                            childNode = this.qs('.amwidget-children-categories').parentNode;
                        }

                        mainContent.insertBefore(catNode, childNode);
                    }

                    hyva.replaceDomElement('.category-view', data.categoryData);

                    const categoryView = this.qs('.category-view');
                    categoryView.classList.add('container');
                    categoryView.setAttribute('id', 'category-view-container');
                } else {
                    const categoryView = this.qs('.category-view');
                    if (categoryView) {
                        categoryView.remove();
                    }
                }
            },

            /**
             *
             */
            scrollUpEvent() {
                const productList = this.qs(this.selectors.productsWrapper);
                const topNavBlock = this.qs(this.selectors.topNav);

                const clientRect = topNavBlock ?
                    topNavBlock.getBoundingClientRect() : productList.getBoundingClientRect();
                const topPositionRelativeToDocument = clientRect.top + window.scrollY;

                if (this.scrollUp && productList) {
                    const top = this.scrollUp === 1 ? topPositionRelativeToDocument : 0;

                    window.scrollTo({
                        top: top,
                        behavior: 'instant'
                    });
                }
            },

            /**
             *
             * @param data
             */
            reloadHtml(data) {
                this.currentCategoryId = data.currentCategoryId || this.currentCategoryId;
                hyva.replaceDomElement('.amshopby-filters-bottom-cms', data.bottomCmsBlock);
                hyva.replaceDomElement('.breadcrumbs', data.breadcrumbs);
                this.replaceCategoryView(data);
                const mainContent = data.categoryProducts || data.cmsPageData;
                if (mainContent) {
                    hyva.replaceDomElement('#amasty-shopby-product-list', mainContent);
                }

                hyva.replaceDomElement('.switcher-currency', data.currency);
                hyva.replaceDomElement('.switcher-language', data.store);
                hyva.replaceDomElement('.switcher-store', data.store_switcher);
                hyva.replaceDomElement(this.isOneColumn ? '.sidebar-topnav' : '.sidebar-main', data.navigation);
                if (!this.isOneColumn) {
                    hyva.replaceDomElement('.sidebar-topnav', data.navigationTop);
                }
                hyva.replaceDomElement('.sidebar-additional', data.sidebar_additional);

                
                this.topFiltersCheckOnMobile();
                this.scrollUpEvent();
                this.triggerDOMContentLoaded();
                this.isLoading = false;
                hyva.initFormKey();
            },

            /**
             *
             * @param clearUrl
             * @param data
             * @param pushState
             * @param cacheKey
             * @param isSorting
             * @param isClearAll
             * @returns {Promise<any>}
             */
            async callAjax(clearUrl, data, pushState, cacheKey, isSorting, isClearAll = false) {
                if (this.controller) {
                    this.controller.abort('Stopping a previous request to create a new one');
                    this.signal = null;
                }
                this.controller = new AbortController();
                this.signal = this.controller.signal;
                window.dispatchEvent(new CustomEvent('amClearButtonText', {}));

                data = data.filter(item => {
                    if (item.name.indexOf('[cat]') !== -1) {
                        if (Number(item.value) === this.currentCategoryId) {
                            return false;
                        } else {
                            item.value = item.value.split(',')
                                .filter(value => Number(value) !== this.currentCategoryId).join(',');
                        }
                    }
                    return true;
                });

                const priceFilterIndex = data.findIndex(item => item.name === 'amshopby[price][]');
                if (priceFilterIndex !== -1 && data[priceFilterIndex].value === 'NaN') {
                    data.splice(priceFilterIndex, 1);
                }

                if (pushState && !isClearAll) {
                    this.qsa(this.selectors.removeItems).forEach(removeItem => {
                        const name = removeItem.getAttribute('data-container');
                        const value = removeItem.getAttribute('data-value');
                        const existingItem = data.find(item => item.name === 'amshopby[' + name + '][]');
                        if (!existingItem) {
                            data.push({ name: 'amshopby[' + name + '][]', value: value });
                        } else if (!removeItem.classList.contains('radio-remove-item')
                            && existingItem.value.indexOf(value) === -1) {
                            existingItem.value += ',' + value;
                        }
                    });
                }

                if (!isSorting && !clearUrl) {
                    const dir = 'product_list_dir';
                    const sort = 'product_list_order';
                    const params = new URL(location.href).searchParams;
                    if (params.get(dir)) {
                        data.push({ name: dir, value: params.get(dir) });
                    }
                    if (params.get(sort)) {
                        data.push({ name: sort, value: params.get(sort) });
                    }
                }

                if (isSorting) {
                    data.push({ name: 'shopbySorting', value: 1 });
                }

                data.push({ name: 'shopbyAjax', value: 1 });
                this.startAjax = true;
                clearUrl = clearUrl ? clearUrl.replace(/amp;/g, '') : this.clearUrl;

                if (!this.submitByClick) {
                    this.isLoading = true;
                }
                try {
                    const response = await fetch(this.getClearUrlParams(clearUrl, data), {
                        headers: {
                            'Content-type': 'text/plain; charset=UTF-8',
                            'X-Requested-With': 'XMLHttpRequest',
                        },
                        signal: this.signal
                    });
                    const responseData = await response.json();
                    this.startAjax = false;

                    if (!this.isAjaxSettingEnabled && this.showButtonClick
                        && responseData.url && responseData.productsCount) {
                        window.location.href = responseData.url;
                        return;
                    }

                    if (responseData.isDisplayModePage && !this.submitByClick) {
                        const url = this.clearUrl ? this.clearUrl : this.options.clearUrl;
                        window.location = (this.url && this.url.indexOf('shopbyAjax') === -1) ? this.url : url;
                        return;
                    }

                    if (cacheKey) {
                        this.cached[cacheKey] = responseData;
                    }
                    this.response = responseData;

                    if (responseData.newClearUrl
                        && (responseData.newClearUrl.indexOf('?p=') === -1
                            && responseData.newClearUrl.indexOf('&p=') === -1)) {
                        this.options.clearUrl = responseData.newClearUrl;
                    }

                    if (pushState || this.showButtonClick || isSorting || isClearAll) {
                        window.history.pushState({ url: responseData.url }, '', responseData.url);
                    }

                    if (this.submitByClick !== 1 || isSorting || isClearAll) {
                        this.reloadHtml(responseData);
                    }

                    if (this.showButtonClick && !isClearAll && this.isAjaxSettingEnabled) {
                        this.showButtonClick = false;
                        this.response = false;
                        this.reloadHtml(responseData);
                    }

                    if (this.submitByClick && this.useShowButton) {
                        this.showButtonCounter(this.response.productsCount);
                    }

                    this.controller = null;
                    this.signal = null;
                    this.useShowButton = true;
                } catch (error) {
                    // console.warn(error);
                }
            },

            /**
             *
             * @param text
             * @returns {string|string}
             */
            escapeHtml(text) {
                const doc = new DOMParser().parseFromString(text, 'text/html');
                return doc.body.textContent || "";
            },

            /**
             *
             * @param element
             * @param link
             * @param clearFilter
             */
            apply(element, link, clearFilter) {
                try {
                    setTimeout(() => {
                        this.response = null;
                        let linkParam = clearFilter ? link : null;

                        if (element?.closest('.price-ranges') && link.includes('?')) {
                            link += '&price-ranges=1';
                        }
                        if (!this.options.collectFilters && this.isAjax) {
                            this.prepareTriggerAjax(element, linkParam, clearFilter);
                        } else {
                            if (this.options.collectFilters === 1) {
                                this.prepareTriggerAjax(element, linkParam);
                            } else {
                                window.location = link;
                            }
                        }
                    }, 100);
                } catch (e) {
                    console.error(e);
                    window.location = link;
                }
            },

            /**
             *
             * @param link
             */
            fixDoubleValue(link) {
                let input = link.closest('div').querySelector('input');

                const sameValueFilters = this.qsa(
                    `*[value="${input.value}"][name="${input.getAttribute('name')}"]`
                );

                if (sameValueFilters.length > 1) {
                    sameValueFilters.forEach(filter => {
                        if (filter !== input) {
                            if (filter.getAttribute('type') === 'radio') {
                                filter.closest('.am-filter').querySelectorAll('input').forEach(option => {
                                    option.checked = false;
                                });
                            } else {
                                filter.checked = false;
                            }
                        }
                    });
                }

                if (input.getAttribute('type') !== 'radio' && !input.checked && !this.submitByClick) {
                    let value = input.getAttribute('value');
                    let name = input.getAttribute('name').replace('amshopby[', '');
                    name = name.replace('][]', '');

                    let removeItem = this.qs(
                        `.amshopby-remove-item[data-container="${name}"][data-value="${value}"]`
                    );

                    if (removeItem) {
                        removeItem.remove();
                    }
                }
            },

            /**
             *
             * @param newNode
             * @param existingNode
             */
            insertAfter(newNode, existingNode) {
                existingNode.parentNode.insertBefore(newNode, existingNode.nextSibling);
            },

            /**
             *
             * @param input
             */
            removeInputByName(input) {
                const name = input.getAttribute('name').replace('amshopby[', '').replace('][]', '');
                const removeItem = this.qs(`.amshopby-remove-item[data-container="${name}"]`);

                if (removeItem) {
                    removeItem.remove();
                }
            },

            /**
             *
             * @param count
             */
            showButtonCounter(count) {
                window.dispatchEvent(new CustomEvent('amApplyButtonData', {
                    detail: {
                        count: parseInt(count),
                        disabled: !count
                    }
                }));
            },

            /**
             *
             * @param e
             */
            pagerEvent(e) {
                const newUrl = e.currentTarget.getAttribute('href');
                let updatedUrl = null;

                const urlPaths = newUrl.split('?');
                const urlParams = urlPaths[1] ? urlPaths[1].split('&') : [];

                for (let i = 0; i < urlParams.length; i++) {
                    if (urlParams[i].indexOf("p=") === 0) {
                        const pageParam = urlParams[i].split('=');
                        updatedUrl = this.getNewClearUrl(pageParam[0], pageParam[1] > 1 ? pageParam[1] : '');
                        break;
                    }
                }

                if (!updatedUrl) {
                    updatedUrl = e.currentTarget.getAttribute('href');
                }
                updatedUrl = updatedUrl.replace('amp;', '');

                this.prepareTriggerAjax(null, updatedUrl, false, true);
                this.scrollUpEvent();
            },

            /**
             *
             * @param key
             * @param value
             * @param page
             * @returns {string}
             */
            getNewClearUrl(key, value, page) {
                const url = new URL(window.location.href);
                const params = new window.URLSearchParams(url.search);

                if (value !== '') {
                    params.set(key, value);
                } else {
                    params.delete(key);
                }

                if (page) {
                    params.set('p', page);
                } else if (key !== 'p') {
                    params.delete('p');
                }

                url.search = params;

                return window.decodeURIComponent(url.toString());
            },

            /**
             *
             * @param data
             * @param param
             * @param prop
             * @returns {*}
             */
            filterDataByProp(data, param, prop) {
                return data.find(obj => obj[prop] === param[prop]);
            },

            /**
             *
             */
            topFiltersCheckOnMobile() {
                setTimeout(() => {
                    const isMobile = document.body.clientWidth < 768;
                    isMobile ? this.moveTopFiltersToSidebar() : this.removeTopFiltersFromSidebar();
                }, 0);
            },

            /**
             *
             */
            moveTopFiltersToSidebar() {
                const sidebarList = this.qs(this.selectors.sidebarList);

                if (!sidebarList) {
                    const blockClass = this.qs(this.selectors.layeredFilter)
                        ? this.selectors.layeredFilter
                        : this.selectors.blockFilter;

                    const $element = document.querySelector(`${this.selectors.topNav} ${blockClass}`);

                    if ($element) {
                        const $sidebar = this.qs(this.selectors.sidebar);
                        const filterOptions = $element.querySelectorAll('.filter-option');

                        filterOptions.forEach(filter => {
                            const el = filter.cloneNode(true);
                            const input = el.querySelector('[type="radio"], [type="checkbox"]');

                            if (input) {
                                const name = input.getAttribute('name');

                                el.classList.add('from-top');

                                if (!$sidebar.querySelectorAll(`[name="${name}"]`).length) {
                                    $sidebar.querySelector('#layered-filter-block-content').append(el);
                                }
                            }
                        });
                    }
                }
            },

            /**
             *
             */
            removeTopFiltersFromSidebar() {
                const $sidebar = this.qs(this.selectors.sidebar);

                if ($sidebar) {
                    $sidebar.querySelectorAll('.from-top').forEach(filter => {
                        filter.remove();
                    });
                }
            },

            toggleFilter(input, isChecked, status) {
                let name = input.getAttribute('name');
                if (!name) {
                    name = `amshopby[${input.getAttribute('data-container')}][]`;
                }
                const value = input.getAttribute('value') || input.getAttribute('data-value');
                const element = this.element;
                if (status === 'once') {
                    this.currentFilters = this.currentFilters.filter(filter => filter.name !== name);
                }
                const filterExists = this.currentFilters.some(filter => filter.name === name && filter.value === value);
                if (isChecked && !filterExists) {
                    this.currentFilters.push({name, value});
                } else if (isChecked && filterExists) {
                    this.currentFilters = this.currentFilters.filter(filter => filter.name !== name || filter.value !== value);
                } else if (!isChecked) {
                    this.currentFilters = this.currentFilters.filter(filter => filter.name !== name || filter.value !== value);
                    if (!this.currentFilters.length) {
                        const defaultFilter = this.defaultFilters.find(filter => filter.name === name && filter.value === value);
                        if (defaultFilter) {
                            this.currentFilters.push(defaultFilter);
                        }
                    }
                }
                this.useShowButton = !!this.currentFilters.length;
                if (!this.currentFilters.length) {
                    this.showButtonCounter(0);
                } else {
                    window.dispatchEvent(new CustomEvent('amSetButtonPosition', { detail: {element} }));
                }
            },

            eventListeners: {
                ['@googleTag.window']() {
                                    },
                ['@amApplyButton.window']() {
                    let valid = true;
                    const cachedValues = this.cached[this.cacheKey];
                    const cachedKey = this.response;
                    const response = cachedValues || cachedKey;

                    if (this.isAjaxSettingEnabled) {
                        this.isLoading = true;
                    }

                    if (!response) {
                        if (this.startAjax) {
                            this.showButtonClick = true;
                            this.showButtonCounter(0);
                            return;
                        } else {
                            return;
                        }
                    }

                    if (response.isDisplayModePage || (!this.isAjaxSettingEnabled && this.submitByClick)) {
                        window.location.href = response.url;
                        return;
                    }

                    if (valid && response) {
                        this.showButtonCounter(0);
                        window.history.pushState({ url: response.url }, '', response.url);
                        setTimeout(() => {
                            this.reloadHtml(response);
                        }, 200);
                        this.memorizeData = [];
                        this.response = false;
                        this.showButtonClick = false;
                    }

                    window.onpopstate = function () {
                        location.reload();
                    };
                },
                ['@amRemoveElement.window'](event) {
                    const link = event.detail.element;

                    if (this.isAjax) {
                        const currentFilterItem = link.closest('.amshopby-remove-item');
                        if (currentFilterItem) {
                            this.element = currentFilterItem;
                            this.toggleFilter(currentFilterItem, false, 'once');
                            const filter = {
                                attribute: currentFilterItem.getAttribute('data-container'),
                                value: this.escapeHtml(currentFilterItem.getAttribute('data-value'))
                            };

                            try {
                                this.setDefault(filter.attribute, filter.value);
                                this.element = null;
                                // const clearUrl = currentFilterItem.querySelector('a').getAttribute('href');
                                if (this.submitByClick) {
                                    // Case need to return filters that have not been confirmed for deletion
                                    // if (this.memorizeData.length) {
                                    //     this.memorizeData.forEach(item => {
                                    //         this.setDefault(item.attribute, item.value);
                                    //     });
                                    //     this.memorizeData = [];
                                    // }
                                    // this.memorizeData.push(filter);
                                } else {
                                    currentFilterItem.remove();
                                }
                                this.prepareTriggerAjax(null, false, true);
                            } catch (e) {
                                console.error(e);
                                window.location = link.getAttribute('href');
                            }
                        }
                    } else {
                        window.location.href = link.getAttribute('href');
                    }
                },
                ['@amRemoveAllElement.window'](event) {
                    const link = event.detail.element;
                    window.location.href = link.getAttribute('href');
                },
                ['@amSwatchClick.window'](event) {
                    const link = event.detail.element;

                    if (this.isAjax) {
                        this.element = link;
                        const href = link.getAttribute('href');
                        const input = link.closest('.am-swatch-wrapper').querySelector('input');
                        const inputType = input.getAttribute('type');
                        const ring = link.closest('.am-shopby-form').querySelector('.am-swatch-image');
                        const status = inputType === 'radio' ? 'once' : 'multiple';
                        this.toggleFilter(input, !input.checked, status);
                        input.checked = !input.checked;

                        if (inputType === 'radio' && ring) {
                            link.closest('.am-shopby-form').querySelectorAll('.am-swatch-wrapper').forEach(swatch => {
                                const swatchInput = swatch.querySelector('input');
                                const swatchLink = swatch.querySelector('.swatch-option-link-layered');
                                if (swatchInput.value !== input.value && swatchLink.classList.contains('amshopby-link-selected')) {
                                    this.setSwatchBorder(swatchLink);
                                }
                            });

                            if (!this.submitByClick) {
                                this.removeInputByName(input);
                            }

                            if (input.checked) {
                                this.setSwatchBorder(link);
                            }
                        } else {
                            this.setSwatchBorder(link);
                        }

                        if (this.isFinderAndCategory(link)) {
                            location.href = href;
                            return;
                        }

                        setTimeout(() => {
                            this.fixDoubleValue(link);
                            this.apply(link, href);
                        }, 10);
                    } else {
                        window.location.href = link.getAttribute('href');
                    }
                },
                ['@amFilterElementClick.window'](event) {
                    let filterElement = event.detail.element;
                    const checked = event.detail.status;

                    if (!filterElement.classList.contains('item')) {
                        filterElement = filterElement.closest('div');
                    }

                    const checkbox = filterElement.querySelector('input[type="checkbox"], input[type="radio"]');
                    const checkboxLink = filterElement.querySelector('a');
                    const href = checkboxLink.getAttribute('href');
                    this.element = checkboxLink;

                    if (!this.isAjax) {
                        location.href = href;
                    }

                    if (!this.submitByClick && checkbox.checked) {
                        if (checkbox.type === 'radio' || checkbox.type === 'checkbox') {
                            this.removeInputByName(checkbox);
                        }
                    }

                    const filterType = checkbox.type === 'checkbox' ? 'multiple' : 'once';
                    this.toggleFilter(checkbox, checked, filterType);

                    setTimeout(() => {
                        this.fixDoubleValue(checkboxLink);
                        if (this.isFinderAndCategory(checkbox)) {
                            location.href = href;
                            return;
                        }
                        this.apply(checkboxLink, href);
                    }, 10);
                },
                ['@amSliderValuesUpdated.window'](event) {
                    const filterElement = event.detail.element;
                    this.element = filterElement;
                    const input = filterElement.querySelector('input');
                    this.toggleFilter(input, true, 'once');
                    this.apply(event.detail.element, event.detail.searchParams);
                },
                ['@amShopbySubmitFilters.window'](event) {
                    const eventData = event.detail.data;
                    const isClearAll = event.detail?.clearAll || false;
                    const clearUrl = eventData.clearUrl || this.options.clearUrl;
                    const isSorting = event.detail.isSorting;
                    const pushState = !this.submitByClick;

                    const dataAndUrl = [...eventData, clearUrl];
                    const cacheKey = JSON.stringify(dataAndUrl);
                    this.cacheKey = cacheKey;

                    if (this.cached[cacheKey]) {
                        const response = this.cached[cacheKey];
                        if (pushState || isSorting) {
                            if (response.newClearUrl &&
                                !response.newClearUrl.includes('?p=') && !response.newClearUrl.includes('&p=')) {
                                this.options.clearUrl = response.newClearUrl;
                            }

                            window.history.pushState({ url: response.url }, '', response.url);
                            this.reloadHtml(response);
                        } else {
                            if (this.useShowButton) {
                                this.showButtonCounter(response.productsCount);
                            }
                        }

                        return;
                    }

                    this.callAjax(clearUrl, eventData, pushState, cacheKey, isSorting, isClearAll);
                },
                ['@configurable-selection-init.window']() {
                    this.setSelectedProductSwatch();
                },
                ['@configurable-show-swatches.window'](event) {
                    this.qsa(this.selectors.removeAllItems).forEach(item => {
                        const swatchSet = item.getAttribute('data-swatchset');
                        if (swatchSet) {
                            const attributeId = item.getAttribute('data-attribute-id');
                            const productId = event.detail.productId;
                            const productItem = this.qs(`[name="product"][value="${productId}"]`).closest('.product-item');                            const valueSelector = `[name="super_attribute[${attributeId}]"][value="${swatchSet}"]`;
                            const swatch = productItem.querySelector(valueSelector);
                            if (swatch && !swatch.checked) {
                                swatch.dispatchEvent(new Event('change'));
                            }
                        }
                    });
                }
            }
        }
    }
</script>

<script>
    const rawRequest = "\u007B\u0022query\u0022\u003A\u0022query\u0028\u0024phrase\u003A\u0020String\u0021\u0020\u0024filter\u003A\u0020\u005BSearchClauseInput\u0021\u005D\u0020\u0024sort\u003A\u0020\u005BProductSearchSortInput\u0021\u005D\u0020\u0024current_page\u003A\u0020Int\u0020\u0024context\u003A\u0020QueryContextInput\u0021\u0029\u0020\u007B\u005CnproductSearch\u0028phrase\u003A\u0020\u0024phrase\u0020filter\u003A\u0020\u0024filter\u0020sort\u003A\u0020\u0024sort\u0020current_page\u003A\u0020\u0024current_page\u0020context\u003A\u0020\u0024context\u0029\u0020\u007B\u005Cntotal_count\u005Cnitems\u0020\u007B\u005Cnproduct\u0020\u007B\u005Cnuid\u005Cnsku\u005Cnname\u005Cncanonical_url\u005Cnimage\u0020\u007B\u005Cnurl\u005Cn\u007D\u005Cnprice_range\u0020\u007B\u005Cnminimum_price\u0020\u007B\u005Cnregular_price\u0020\u007B\u005Cnvalue\u005Cn\u007D\u005Cn\u007D\u005Cn\u007D\u005Cn\u007D\u005Cn\u007D\u005Cnfacets\u0020\u007B\u005Cntitle\u005Cnattribute\u005Cnbuckets\u0020\u007B\u005Cn__typename\u005Cn...\u0020on\u0020ScalarBucket\u0020\u007B\u005Cnid\u005Cncount\u005Cntitle\u005Cn\u007D\u005Cn...\u0020on\u0020StatsBucket\u0020\u007B\u005Cnmin\u005Cnmax\u005Cntitle\u005Cn\u007D\u005Cn...\u0020on\u0020RangeBucket\u0020\u007B\u005Cnfrom\u005Cnto\u005Cncount\u005Cntitle\u005Cn\u007D\u005Cn\u007D\u005Cn\u007D\u005Cn\u007D\u005Cn\u007D\u0022,\u0022variables\u0022\u003A\u007B\u0022phrase\u0022\u003A\u0022\u0022,\u0022filter\u0022\u003A\u005B\u007B\u0022attribute\u0022\u003A\u0022categoryPath\u0022,\u0022eq\u0022\u003A\u0022brands\u005C\u002Ftrix\u0022\u007D,\u007B\u0022attribute\u0022\u003A\u0022visibility\u0022,\u0022in\u0022\u003A\u005B\u0022Catalog\u0022,\u0022Catalog,\u0020Search\u0022\u005D\u007D\u005D,\u0022sort\u0022\u003A\u005B\u007B\u0022attribute\u0022\u003A\u0022sku\u0022,\u0022direction\u0022\u003A\u0022ASC\u0022\u007D\u005D,\u0022current_page\u0022\u003A1,\u0022context\u0022\u003A\u007B\u0022customerGroup\u0022\u003A\u0022b6589fc6ab0dc82cf12099d1c2d40ab994e8410c\u0022\u007D\u007D\u007D";
    const searchRequest = rawRequest ? JSON.parse(rawRequest) : null;

    const rawResponse = "\u007B\u0022extensions\u0022\u003A\u007B\u0022request\u002Did\u0022\u003A\u0022gzRfgqt7B1NiApbEjTS01L2mVddoNDRJ\u0022\u007D,\u0022data\u0022\u003A\u007B\u0022productSearch\u0022\u003A\u007B\u0022total_count\u0022\u003A261,\u0022items\u0022\u003A\u005B\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022107416\u0022,\u0022sku\u0022\u003A\u0022M19703\u0022,\u0022name\u0022\u003A\u0022Trix\u0020HO\u0020Catalogue\u00202024\u005C\u002F25\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D19703\u002Dtrix\u002Dho\u002Dcatalogue\u002D2024\u002Dand\u002D25.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022117388\u0022,\u0022sku\u0022\u003A\u0022M19713\u0022,\u0022name\u0022\u003A\u0022\u002ATrix\u0020HO\u0020Catalogue\u00202025\u005C\u002F26\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fview\u005C\u002Fid\u005C\u002F117388\u005C\u002Fs\u005C\u002Ftrix\u002D19713\u002Dtrix\u002Dcatalogue\u002D2025\u002Dand\u002D26\u005C\u002F\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002226845\u0022,\u0022sku\u0022\u003A\u0022M21000\u0022,\u0022name\u0022\u003A\u0022Trix\u0020HO\u0020Digital\u0020Starter\u0020Pack\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D21000\u002Dtrix\u002Dho\u002Ddigital\u002Dstarter\u002Dpack.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm21000.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022103459\u0022,\u0022sku\u0022\u003A\u0022M21505\u0022,\u0022name\u0022\u003A\u0022CD\u0020Rh380\u0020Electric\u0020Passenger\u0020Train\u0020Set\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D21505\u002Dcd\u002Drh380\u002Delectric\u002Dpassenger\u002Dstarter\u002Dset\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm21505.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002295667\u0022,\u0022sku\u0022\u003A\u0022M21531\u0022,\u0022name\u0022\u003A\u0022DR\u0020BR74\u0020Steam\u0020Freight\u0020Train\u0020Set\u0020III\u0020\u0028DCC\u002DFitted\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D21531\u002Ddr\u002Dbr74\u002Dsteam\u002Dfreight\u002Dstarter\u002Dset\u002Diii.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm21531.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002289394\u0022,\u0022sku\u0022\u003A\u0022M22004\u0022,\u0022name\u0022\u003A\u0022RRF\u0020BR189\u0020091\u002D2\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22004\u002Drrf\u002Dbr189\u002D091\u002D2\u002Delectric\u002Dlocomotive\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22004.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002245834\u0022,\u0022sku\u0022\u003A\u0022M22186\u0022,\u0022name\u0022\u003A\u0022ZSSK\u0020Rh381\u0020002\u002D5\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22186\u002Dzssk\u002Drh381\u002D002\u002D5\u002Delectric\u002Dlocomotive\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22186.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022103460\u0022,\u0022sku\u0022\u003A\u0022M22198\u0022,\u0022name\u0022\u003A\u0022DB\u0020BR120\u0020120\u002D1\u0020Electric\u0020Locomotive\u0020IV\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22198\u002Ddb\u002Dbr120\u002D120\u002D1\u002Delectric\u002Dlocomotive\u002Div.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22198.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002245837\u0022,\u0022sku\u0022\u003A\u0022M22287\u0022,\u0022name\u0022\u003A\u0022\u0023D\u0023\u0020ZSSK\u0020Rh381\u0020002\u002D5\u0020Electric\u0020Locomotive\u0020VI\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22287\u002Dzssk\u002Drh381\u002D002\u002D5\u002Delectric\u002Dlocomotive\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22287.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002226993\u0022,\u0022sku\u0022\u003A\u0022M22343\u0022,\u0022name\u0022\u003A\u0022\u0023D\u0023\u0020FS\u0020G2000\u0020Vossloh\u0020Diesel\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22343\u002Dfs\u002Dg2000\u002Dvossloh\u002Ddiesel\u002Dlocomotive\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22343.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002277840\u0022,\u0022sku\u0022\u003A\u0022M22368\u0022,\u0022name\u0022\u003A\u0022Servizi\u0020Ferroviari\u0020V142\u0020Diesel\u0020Locomotive\u0020V\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22368\u002Dservizi\u002Dferroviari\u002Dv142\u002Ddiesel\u002Dlocomotive\u002Dv.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22368.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002277841\u0022,\u0022sku\u0022\u003A\u0022M22381\u0022,\u0022name\u0022\u003A\u0022SNCF\u0020TGV\u0020Euroduplex\u00204\u0020Car\u0020EMU\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22381\u002Dsncf\u002Dtgv\u002Deuroduplex\u002D4\u002Dcar\u002Demu\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22381.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002298620\u0022,\u0022sku\u0022\u003A\u0022M22396\u0022,\u0022name\u0022\u003A\u0022NS\u0020ICM\u002D1\u0020Koploper\u00203\u0020Car\u0020EMU\u0020IV\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22396\u002Dns\u002Dicm\u002D1\u002Dkoploper\u002D3\u002Dcar\u002Demu\u002Div.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22396.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022111575\u0022,\u0022sku\u0022\u003A\u0022M22407\u0022,\u0022name\u0022\u003A\u0022\u002ADR\u0020BR132\u0020457\u002D3\u0020Ludmilla\u0020Diesel\u0020Locomotive\u0020IV\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22407\u002Ddr\u002Dbr132\u002D457\u002D3\u002Dludmilla\u002Ddiesel\u002Dlocomotive\u002Div.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22407.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022103461\u0022,\u0022sku\u0022\u003A\u0022M22431\u0022,\u0022name\u0022\u003A\u0022DB\u0020BR218\u0020401\u002D8\u0020Diesel\u0020Locomotive\u0020IV\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22431\u002Ddb\u002Dbr218\u002D401\u002D8\u002Ddiesel\u002Dlocomotive\u002Div.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22431.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002267841\u0022,\u0022sku\u0022\u003A\u0022M22454\u0022,\u0022name\u0022\u003A\u0022CD\u0020Rh380\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22454\u002Dcd\u002Drh380\u002Delectric\u002Dlocomotive\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22454.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022116972\u0022,\u0022sku\u0022\u003A\u0022M22470\u0022,\u0022name\u0022\u003A\u0022\u002ADB\u0020BR217\u0020018\u002D1\u0020Diesel\u0020Locomotive\u0020IV\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fview\u005C\u002Fid\u005C\u002F116972\u005C\u002Fs\u005C\u002Ftrix\u002D22470\u002Ddb\u002Dbr217\u002D018\u002D1\u002Ddiesel\u002Dlocomotive\u002Div\u005C\u002F\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22470.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u002286829\u0022,\u0022sku\u0022\u003A\u0022M22486\u0022,\u0022name\u0022\u003A\u0022Lokalbanen\u0020648.2\u00202\u0020Car\u0020DMU\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22486\u002Dlokalbanen\u002D648\u002Dpoint\u002D2\u002D2\u002Dcar\u002Ddmu\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22486.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022111576\u0022,\u0022sku\u0022\u003A\u0022M22487\u0022,\u0022name\u0022\u003A\u0022\u002ADBAG\u0020BR218\u0020464\u002D4\u0020Diesel\u0020Locomotive\u0020V\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22487\u002Ddbag\u002Dbr218\u002D464\u002D4\u002Ddiesel\u002Dlocomotive\u002Dv.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22487.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D,\u007B\u0022product\u0022\u003A\u007B\u0022uid\u0022\u003A\u0022115191\u0022,\u0022sku\u0022\u003A\u0022M22611\u0022,\u0022name\u0022\u003A\u0022\u002ATRI\u0020BR110\u0020Elefantexpress\u0020Electric\u0020Locomotive\u0020VI\u0020\u0028DCC\u002DSound\u0029\u0022,\u0022canonical_url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Ftrix\u002D22611\u002Dtri\u002Dbr110\u002Delefantexpress\u002Delectric\u002Dlocomotive\u002Dvi.html\u0022,\u0022image\u0022\u003A\u007B\u0022url\u0022\u003A\u0022\u005C\u002F\u005C\u002Fwww.gaugemasterretail.com\u005C\u002Fmedia\u005C\u002Fcatalog\u005C\u002Fproduct\u005C\u002Fm\u005C\u002F2\u005C\u002Fm22611.jpg\u0022\u007D,\u0022price_range\u0022\u003A\u007B\u0022minimum_price\u0022\u003A\u007B\u0022regular_price\u0022\u003A\u007B\u0022value\u0022\u003Anull\u007D\u007D\u007D\u007D\u007D\u005D,\u0022facets\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Era\u0022,\u0022attribute\u0022\u003A\u0022era\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Epoch\u0020VI\u0022,\u0022count\u0022\u003A79,\u0022title\u0022\u003A\u0022Epoch\u0020VI\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Epoch\u0020IV\u0022,\u0022count\u0022\u003A47,\u0022title\u0022\u003A\u0022Epoch\u0020IV\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Epoch\u0020III\u0022,\u0022count\u0022\u003A32,\u0022title\u0022\u003A\u0022Epoch\u0020III\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Epoch\u0020V\u0022,\u0022count\u0022\u003A16,\u0022title\u0022\u003A\u0022Epoch\u0020V\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Epoch\u0020\u0020VI\u0022,\u0022count\u0022\u003A9,\u0022title\u0022\u003A\u0022Epoch\u0020\u0020VI\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Epoch\u0020II\u0022,\u0022count\u0022\u003A6,\u0022title\u0022\u003A\u0022Epoch\u0020II\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Epoch\u0020\u0020III\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Epoch\u0020\u0020III\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Locomotive\u0020Control\u0020Setup\u0022,\u0022attribute\u0022\u003A\u0022locomotive_dcc\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DCC\u0020Sound\u0022,\u0022count\u0022\u003A138,\u0022title\u0022\u003A\u0022DCC\u0020Sound\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DCC\u0020Fitted\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022DCC\u0020Fitted\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Analogue\u0020DC\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Analogue\u0020DC\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Locomotive\u0020Power\u0020Type\u0022,\u0022attribute\u0022\u003A\u0022powertype\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Electric\u0022,\u0022count\u0022\u003A67,\u0022title\u0022\u003A\u0022Electric\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Diesel\u0022,\u0022count\u0022\u003A40,\u0022title\u0022\u003A\u0022Diesel\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Steam\u0022,\u0022count\u0022\u003A30,\u0022title\u0022\u003A\u0022Steam\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u00223362\u0022,\u0022count\u0022\u003A4,\u0022title\u0022\u003A\u00223362\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Country\u0022,\u0022attribute\u0022\u003A\u0022country\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Germany\u0022,\u0022count\u0022\u003A114,\u0022title\u0022\u003A\u0022Germany\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Switzerland\u0022,\u0022count\u0022\u003A34,\u0022title\u0022\u003A\u0022Switzerland\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Netherlands\u0022,\u0022count\u0022\u003A10,\u0022title\u0022\u003A\u0022Netherlands\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022USA\u0022,\u0022count\u0022\u003A8,\u0022title\u0022\u003A\u0022USA\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022France\u0022,\u0022count\u0022\u003A6,\u0022title\u0022\u003A\u0022France\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Austria\u0022,\u0022count\u0022\u003A5,\u0022title\u0022\u003A\u0022Austria\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Czech\u0020Republic\u0022,\u0022count\u0022\u003A5,\u0022title\u0022\u003A\u0022Czech\u0020Republic\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Denmark\u0022,\u0022count\u0022\u003A4,\u0022title\u0022\u003A\u0022Denmark\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Belgium\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022Belgium\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Italy\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022Italy\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Sweden\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022Sweden\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Slovakia\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022Slovakia\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Luxembourg\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Luxembourg\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Poland\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Poland\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Continent\u005C\u002FRegion\u0022,\u0022attribute\u0022\u003A\u0022region\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Europe\u0022,\u0022count\u0022\u003A191,\u0022title\u0022\u003A\u0022Europe\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022North\u0020America\u0022,\u0022count\u0022\u003A8,\u0022title\u0022\u003A\u0022North\u0020America\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Operator\u0022,\u0022attribute\u0022\u003A\u0022operator\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DB\u0022,\u0022count\u0022\u003A50,\u0022title\u0022\u003A\u0022DB\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DBAG\u0022,\u0022count\u0022\u003A30,\u0022title\u0022\u003A\u0022DBAG\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022SBB\u0022,\u0022count\u0022\u003A30,\u0022title\u0022\u003A\u0022SBB\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DR\u0022,\u0022count\u0022\u003A12,\u0022title\u0022\u003A\u0022DR\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022NS\u0022,\u0022count\u0022\u003A7,\u0022title\u0022\u003A\u0022NS\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022CD\u0022,\u0022count\u0022\u003A4,\u0022title\u0022\u003A\u0022CD\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022OBB\u0022,\u0022count\u0022\u003A4,\u0022title\u0022\u003A\u0022OBB\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DB\u0020Cargo\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022DB\u0020Cargo\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Museum\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022Museum\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022SJ\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022SJ\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022SNCF\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022SNCF\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Santa\u0020Fe\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022Santa\u0020Fe\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022BLS\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022BLS\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DRG\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022DRG\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022DSB\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022DSB\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022ECR\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022ECR\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022RRF\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022RRF\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022SNCB\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022SNCB\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Transwaggon\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022Transwaggon\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Western\u0020Maryland\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022Western\u0020Maryland\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022ZSSK\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022ZSSK\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022ACDC\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022ACDC\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022AIXrail\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022AIXrail\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022BBO\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022BBO\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022CFL\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022CFL\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022CIWL\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022CIWL\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022CSD\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022CSD\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022FS\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022FS\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022KBayStsB\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022KBayStsB\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Kansas\u0020City\u0020Southern\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Kansas\u0020City\u0020Southern\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Leonhard\u0020Weiss\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Leonhard\u0020Weiss\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022MFD\u0020Rail\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022MFD\u0020Rail\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022MRCE\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022MRCE\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Norfolk\u0020Southern\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Norfolk\u0020Southern\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022PKP\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022PKP\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Railpool\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Railpool\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Railsystems\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Railsystems\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022RheinCargo\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022RheinCargo\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Servizi\u0020Ferroviari\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Servizi\u0020Ferroviari\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022TRI\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022TRI\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Union\u0020Pacific\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Union\u0020Pacific\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Wascosa\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Wascosa\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Product\u0020Type\u0022,\u0022attribute\u0022\u003A\u0022type\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Locomotive\u0022,\u0022count\u0022\u003A139,\u0022title\u0022\u003A\u0022Locomotive\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Track\u0022,\u0022count\u0022\u003A46,\u0022title\u0022\u003A\u0022Track\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Coach\u0022,\u0022count\u0022\u003A42,\u0022title\u0022\u003A\u0022Coach\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Wagon\u0022,\u0022count\u0022\u003A18,\u0022title\u0022\u003A\u0022Wagon\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Literature\u0022,\u0022count\u0022\u003A7,\u0022title\u0022\u003A\u0022Literature\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Starter\u0020Set\u0022,\u0022count\u0022\u003A3,\u0022title\u0022\u003A\u0022Starter\u0020Set\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Modelling\u0020Materials\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022Modelling\u0020Materials\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Spare\u0020Parts\u0022,\u0022count\u0022\u003A2,\u0022title\u0022\u003A\u0022Spare\u0020Parts\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Analogue\u0020Control\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Analogue\u0020Control\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Digital\u0020Control\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Digital\u0020Control\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Scale\u005C\u002FGauge\u0022,\u0022attribute\u0022\u003A\u0022scale\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022HO\u0020Scale\u0022,\u0022count\u0022\u003A260,\u0022title\u0022\u003A\u0022HO\u0020Scale\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u00221\u003A87\u0020Scale\u0022,\u0022count\u0022\u003A253,\u0022title\u0022\u003A\u00221\u003A87\u0020Scale\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u00221\u003A76\u0020Scale\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u00221\u003A76\u0020Scale\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Multi\u0020Scale\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022Multi\u0020Scale\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022OO\u0020Scale\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u0022OO\u0020Scale\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Manufacturer\u0022,\u0022attribute\u0022\u003A\u0022manufacturer\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Trix\u0022,\u0022count\u0022\u003A261,\u0022title\u0022\u003A\u0022Trix\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022New\u0022,\u0022attribute\u0022\u003A\u0022am_is_new\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u00220\u0022,\u0022count\u0022\u003A260,\u0022title\u0022\u003A\u00220\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u00221\u0022,\u0022count\u0022\u003A1,\u0022title\u0022\u003A\u00221\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022On\u0020Sale\u0022,\u0022attribute\u0022\u003A\u0022am_on_sale\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u00220\u0022,\u0022count\u0022\u003A261,\u0022title\u0022\u003A\u00220\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Rating\u0020Filter\u0022,\u0022attribute\u0022\u003A\u0022rating_summary\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u00220\u0022,\u0022count\u0022\u003A261,\u0022title\u0022\u003A\u00220\u0022\u007D\u005D\u007D,\u007B\u0022title\u0022\u003A\u0022Stock\u0020Status\u0022,\u0022attribute\u0022\u003A\u0022cstock_status\u0022,\u0022buckets\u0022\u003A\u005B\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022Out\u0020Of\u0020Stock\u0022,\u0022count\u0022\u003A130,\u0022title\u0022\u003A\u0022Out\u0020Of\u0020Stock\u0022\u007D,\u007B\u0022__typename\u0022\u003A\u0022ScalarBucket\u0022,\u0022id\u0022\u003A\u0022In\u0020Stock\u0022,\u0022count\u0022\u003A122,\u0022title\u0022\u003A\u0022In\u0020Stock\u0022\u007D\u005D\u007D\u005D\u007D\u007D,\u0022status\u0022\u003A200\u007D";
    const searchResponse = rawResponse ? JSON.parse(rawResponse) : null;

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

    const requestId = "d9bff9d4\u002D0aef\u002D4038\u002Dbf6d\u002D3e1a5129552c";

    const rawAttributes = "\u007B\u0022era\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u002211\u0022\u003A\u0022Big\u00204\u0022,\u002212\u0022\u003A\u0022BR\u0022,\u002213\u0022\u003A\u0022Classic\u0022,\u002214\u0022\u003A\u0022Epoch\u0020I\u0022,\u002215\u0022\u003A\u0022Epoch\u0020II\u0022,\u002216\u0022\u003A\u0022Epoch\u0020III\u0022,\u002217\u0022\u003A\u0022Epoch\u0020IV\u0022,\u002218\u0022\u003A\u0022Epoch\u0020V\u0022,\u002219\u0022\u003A\u0022Epoch\u0020VI\u0022,\u002220\u0022\u003A\u0022Post\u00201966\u0022,\u002224\u0022\u003A\u0022Privatisation\u0022,\u00221847\u0022\u003A\u0022IV\u0022,\u00221850\u0022\u003A\u0022VI\u0022,\u00221921\u0022\u003A\u0022Other\u0022,\u00221922\u0022\u003A\u0022WW1\u0022,\u00221923\u0022\u003A\u0022WW2\u0022,\u00223375\u0022\u003A\u0022Multi\u0022,\u00223376\u0022\u003A\u0022Pre\u0020Nationalisation\u0022,\u00223841\u0022\u003A\u0022Epoch\u0020\u0020III\u0022,\u00223842\u0022\u003A\u0022Epoch\u0020\u0020IV\u0022,\u00223843\u0022\u003A\u0022Epoch\u0020\u0020VI\u0022,\u00224119\u0022\u003A\u0022\u0020Not\u0020Set\u0020\u0022,\u00224120\u0022\u003A\u0022MultiEra\u0022,\u00224121\u0022\u003A\u0022PreNationalisation\u0022,\u00224122\u0022\u003A\u0022Private\u0020Owner\u0020\u0020Classic\u0022,\u00224123\u0022\u003A\u0022Private\u0020Owner\u0020\u0020Modern\u0022\u007D\u007D\u007D,\u0022locomotive_dcc\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u002264\u0022\u003A\u0022Analogue\u0022,\u002265\u0022\u003A\u0022DCC\u0020Fitted\u0022,\u002266\u0022\u003A\u0022DCC\u0020Ready\u0022,\u002270\u0022\u003A\u0022DCC\u0020Sound\u0022,\u002271\u0022\u003A\u0022None\u0022,\u0022775\u0022\u003A\u0022AC\u0020FItted\u0022,\u0022776\u0022\u003A\u0022AC\u0020Sound\u0022,\u0022777\u0022\u003A\u0022AC\u0020Video\u0022,\u0022778\u0022\u003A\u0022Analogue\u0020DC\u0022,\u00223364\u0022\u003A\u00223\u0020Rail\u0022,\u00223367\u0022\u003A\u0022Battery\u0022,\u00223368\u0022\u003A\u0022Battery\u0020RC\u0022,\u00223369\u0022\u003A\u0022Bus\u0022,\u00223370\u0022\u003A\u0022Commercial\u0022,\u00223373\u0022\u003A\u0022Unpowered\u0022,\u00223443\u0022\u003A\u0022DCC\u0020Smoke\u0022,\u00223869\u0022\u003A\u0022Radio\u0020Control\u0022,\u00223923\u0022\u003A\u0022Analogue\u0020Control\u0022,\u00223958\u0022\u003A\u0022Electric\u0022,\u00223959\u0022\u003A\u0022Steam\u0022,\u00224015\u0022\u003A\u0022Analogue\u0020\u0020DCC\u0022,\u00224016\u0022\u003A\u0022DCC\u0020Ready\u002021\u0020Pin\u0022,\u00224017\u0022\u003A\u0022DCC\u0020Ready\u00206\u0020Pin\u0022,\u00224018\u0022\u003A\u0022DCC\u0020Ready\u00208\u0020Pin\u0022,\u00224019\u0022\u003A\u0022DCC\u0020SoundSmoke\u0022,\u00224020\u0022\u003A\u0022DCC\u0020Video\u0022\u007D\u007D\u007D,\u0022powertype\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u002234\u0022\u003A\u0022Diesel\u0022,\u002235\u0022\u003A\u0022Electric\u0022,\u002236\u0022\u003A\u0022Multiple\u0020Unit\u0022,\u002237\u0022\u003A\u0022Steam\u0022,\u00223363\u0022\u003A\u0022Multi\u0022,\u00223746\u0022\u003A\u0022Gas\u0020Turbine\u0022,\u00223805\u0022\u003A\u0022Startset\u0022,\u00223857\u0022\u003A\u0022NA\u0022,\u00223960\u0022\u003A\u0022Analogue\u0020DC\u0022,\u00224021\u0022\u003A\u0022BiMode\u0022\u007D\u007D\u007D,\u0022country\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u0022863\u0022\u003A\u0022Austria\u0022,\u0022864\u0022\u003A\u0022Belgium\u0022,\u0022865\u0022\u003A\u0022British\u0022,\u0022866\u0022\u003A\u0022Canada\u0022,\u0022867\u0022\u003A\u0022Czech\u0020Republic\u0022,\u0022868\u0022\u003A\u0022Denmark\u0022,\u0022869\u0022\u003A\u0022France\u0022,\u0022872\u0022\u003A\u0022Germany\u0022,\u0022873\u0022\u003A\u0022Hungary\u0022,\u0022875\u0022\u003A\u0022Italy\u0022,\u0022876\u0022\u003A\u0022Luxembourg\u0022,\u0022877\u0022\u003A\u0022Netherlands\u0022,\u0022878\u0022\u003A\u0022Poland\u0022,\u0022879\u0022\u003A\u0022Russia\u0022,\u0022880\u0022\u003A\u0022Spain\u0022,\u0022881\u0022\u003A\u0022Sweden\u0022,\u0022882\u0022\u003A\u0022Switzerland\u0022,\u0022883\u0022\u003A\u0022USA\u0022,\u0022979\u0022\u003A\u0022Slovakia\u0022,\u00223378\u0022\u003A\u0022Asia\u0022,\u00223379\u0022\u003A\u0022Brazil\u0022,\u00223380\u0022\u003A\u0022China\u0022,\u00223381\u0022\u003A\u0022Croatia\u0022,\u00223382\u0022\u003A\u0022Europe\u0022,\u00223383\u0022\u003A\u0022Japan\u0022,\u00223384\u0022\u003A\u0022Mexico\u0022,\u00223385\u0022\u003A\u0022Norway\u0022,\u00223386\u0022\u003A\u0022Romania\u0022,\u00223387\u0022\u003A\u0022Slovenia\u0022,\u00223799\u0022\u003A\u0022Australia\u0022,\u00223910\u0022\u003A\u0022North\u0020America\u0022\u007D\u007D\u007D,\u0022region\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u0022901\u0022\u003A\u0022American\u0022,\u0022902\u0022\u003A\u0022British\u0022,\u0022903\u0022\u003A\u0022Continental\u0022,\u0022904\u0022\u003A\u0022Europe\u0022,\u0022905\u0022\u003A\u0022European\u0022,\u0022906\u0022\u003A\u0022French\u0022,\u0022907\u0022\u003A\u0022German\u0022,\u0022908\u0022\u003A\u0022Italian\u0022,\u0022909\u0022\u003A\u0022Japanese\u0022,\u0022910\u0022\u003A\u0022North\u0020America\u0022,\u0022911\u0022\u003A\u0022Russian\u0022,\u0022912\u0022\u003A\u0022Spanish\u0022,\u0022913\u0022\u003A\u0022Star\u0020Wars\u0022,\u0022914\u0022\u003A\u0022Swedish\u0022,\u0022915\u0022\u003A\u0022Swiss\u0022,\u0022916\u0022\u003A\u0022Thomas\u0020The\u0020Tank\u0020Engine\u0022,\u0022917\u0022\u003A\u0022UK\u0022,\u0022930\u0022\u003A\u0022Asia\u0022\u007D\u007D\u007D,\u0022operator\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u0022787\u0022\u003A\u0022Amtrak\u0022,\u0022788\u0022\u003A\u0022Bayern\u0020Zugspitzbahn\u0022,\u0022796\u0022\u003A\u0022Chiltern\u0020Railways\u0022,\u0022800\u0022\u003A\u0022DB\u0022,\u0022801\u0022\u003A\u0022DBAG\u0022,\u0022804\u0022\u003A\u0022DR\u0022,\u0022807\u0022\u003A\u0022Freightliner\u0022,\u0022808\u0022\u003A\u0022FS\u0022,\u0022809\u0022\u003A\u0022GB\u0020Railfreight\u0022,\u0022811\u0022\u003A\u0022GWR\u0022,\u0022827\u0022\u003A\u0022NE\u0022,\u0022828\u0022\u003A\u0022Network\u0020Rail\u0022,\u0022832\u0022\u003A\u0022OBB\u0022,\u0022836\u0022\u003A\u0022Private\u0020Owner\u0022,\u0022838\u0022\u003A\u0022Railfreight\u0020Construction\u0022,\u0022842\u0022\u003A\u0022Railtrack\u0022,\u0022844\u0022\u003A\u0022Regional\u0020Railways\u0022,\u0022848\u0022\u003A\u0022Santa\u0020Fe\u0022,\u0022849\u0022\u003A\u0022SBB\u0022,\u0022853\u0022\u003A\u0022SNCF\u0022,\u0022854\u0022\u003A\u0022SR\u0022,\u0022856\u0022\u003A\u0022Union\u0020Pacific\u0022,\u0022919\u0022\u003A\u0022Taiwan\u0020Rail\u0022,\u0022920\u0022\u003A\u0022Hankyu\u0020Railways\u0022,\u0022921\u0022\u003A\u0022Tokyo\u0020Metro\u0022,\u0022922\u0022\u003A\u0022Seibu\u0020Railways\u0022,\u0022923\u0022\u003A\u0022GetLink\u0022,\u0022924\u0022\u003A\u0022JR\u0022,\u0022925\u0022\u003A\u0022LMS\u0022,\u0022935\u0022\u003A\u0022VM\u0022,\u0022964\u0022\u003A\u0022GATX\u0022,\u0022981\u0022\u003A\u0022Bwegt\u0022,\u0022983\u0022\u003A\u0022BrengDirect\u0022,\u0022984\u0022\u003A\u0022BoxPress\u0022,\u0022985\u0022\u003A\u0022Bosphorous\u0022,\u0022986\u0022\u003A\u0022Blue\u0020Goose\u0022,\u0022987\u0022\u003A\u0022Bayernhafen\u0022,\u0022988\u0022\u003A\u0022BASF\u0022,\u0022991\u0022\u003A\u0022AWT\u0022,\u0022992\u0022\u003A\u0022Arriva\u0022,\u0022993\u0022\u003A\u0022Aretz\u0022,\u0022996\u0022\u003A\u0022ACTS\u0022,\u0022997\u0022\u003A\u0022Abellio\u0022,\u0022998\u0022\u003A\u0022CRS\u0022,\u0022999\u0022\u003A\u0022CRH\u0022,\u00221000\u0022\u003A\u0022Conoco\u0022,\u00221001\u0022\u003A\u0022Connexxion\u0022,\u00221003\u0022\u003A\u0022CHPX\u0022,\u00221004\u0022\u003A\u0022Chimgau\u0020Bahn\u0022,\u00221008\u0022\u003A\u0022Chengdu\u0022,\u00221009\u0022\u003A\u0022CFI\u0022,\u00221010\u0022\u003A\u0022Central\u0020New\u0020Jersey\u0022,\u00221011\u0022\u003A\u0022Cargolink\u0022,\u00221012\u0022\u003A\u0022Captrain\u0022,\u00221013\u0022\u003A\u0022IGE\u0022,\u00221014\u0022\u003A\u0022HSL\u0022,\u00221015\u0022\u003A\u0022Infraleuna\u0022,\u00221021\u0022\u003A\u0022BBO\u0022,\u00221033\u0022\u003A\u0022CIWL\u0022,\u00221035\u0022\u003A\u0022Colas\u0020Rail\u0022,\u00221038\u0022\u003A\u0022CSKD\u0022,\u00221040\u0022\u003A\u0022CZ\u0022,\u00221045\u0022\u003A\u0022DBP\u0022,\u00221049\u0022\u003A\u0022DRB\u0022,\u00221053\u0022\u003A\u0022EH\u0022,\u00221055\u0022\u003A\u0022ELL\u0022,\u00221056\u0022\u003A\u0022ERC\u0022,\u00221058\u0022\u003A\u0022ERS\u0022,\u00221061\u0022\u003A\u0022EVB\u0022,\u00221063\u0022\u003A\u0022Ferrovie\u0020Padana\u0022,\u00221065\u0022\u003A\u0022FYRA\u0022,\u00221068\u0022\u003A\u0022Gleichstrom\u0022,\u00221071\u0022\u003A\u0022Group\u0020Train\u0022,\u00221072\u0022\u003A\u0022Guangzhou\u0022,\u00221074\u0022\u003A\u0022Hakone\u0020Tozan\u0020Railway\u0022,\u00221075\u0022\u003A\u0022Halloween\u0022,\u00221076\u0022\u003A\u0022Hankai\u0020Tramway\u0022,\u00221079\u0022\u003A\u0022HLVE\u0022,\u00221085\u0022\u003A\u0022InterConnex\u0022,\u00221086\u0022\u003A\u0022ITL\u0022,\u00221087\u0022\u003A\u0022Iyo\u0020Railway\u0022,\u00221091\u0022\u003A\u0022Koleje\u0020Mazowieckie\u0022,\u00221092\u0022\u003A\u0022Kombiverkehr\u0022,\u00221094\u0022\u003A\u0022Kronospan\u0022,\u00221095\u0022\u003A\u0022Kssteb\u0022,\u00221096\u0022\u003A\u0022KVG\u0022,\u00221098\u0022\u003A\u0022Landerbahn\u0022,\u00221099\u0022\u003A\u0022Lanxess\u0022,\u00221100\u0022\u003A\u0022Leipzig\u0020S\u0020Bahn\u0022,\u00221103\u0022\u003A\u0022Locomotives\u0020Pool\u0022,\u00221107\u0022\u003A\u0022Main\u0020Frankenbahn\u0022,\u00221108\u0022\u003A\u0022Mainz\u0020Tramway\u0022,\u00221113\u0022\u003A\u0022MEG\u0022,\u00221116\u0022\u003A\u0022Metrans\u0022,\u00221117\u0022\u003A\u0022Metronom\u0022,\u00221118\u0022\u003A\u0022MGW\u0022,\u00221120\u0022\u003A\u0022MKB\u0022,\u00221121\u0022\u003A\u0022Mobilgas\u0022,\u00221122\u0022\u003A\u0022MRB\u0022,\u00221124\u0022\u003A\u0022Munich\u0020Tramway\u0022,\u00221126\u0022\u003A\u0022MWB\u0022,\u00221128\u0022\u003A\u0022NACCO\u0022,\u00221129\u0022\u003A\u0022NAH\u0020SH\u0022,\u00221130\u0022\u003A\u0022National\u0020Express\u0022,\u00221132\u0022\u003A\u0022New\u0020York\u0020Central\u0022,\u00221133\u0022\u003A\u0022NIAG\u0022,\u00221135\u0022\u003A\u0022NL\u0022,\u00221136\u0022\u003A\u0022NMBS\u0022,\u00221137\u0022\u003A\u0022NordWestBahn\u0022,\u00221139\u0022\u003A\u0022Northrail\u0022,\u00221143\u0022\u003A\u0022Nurnberg\u0020Tramway\u0022,\u00221144\u0022\u003A\u0022Oak\u0020Capital\u0022,\u00221145\u0022\u003A\u0022ODEG\u0022,\u00221148\u0022\u003A\u0022PCT\u0020Altmann\u0022,\u00221151\u0022\u003A\u0022Phillips\u0022,\u00221152\u0022\u003A\u0022PIKO\u0022,\u00221155\u0022\u003A\u0022Przewozy\u0020Regionale\u0022,\u00221157\u0022\u003A\u0022RailAdventure\u0022,\u00221159\u0022\u003A\u0022RailCargo\u0020Austria\u0022,\u00221160\u0022\u003A\u0022RailCargo\u0020Hungary\u0022,\u00221161\u0022\u003A\u0022Raildox\u0022,\u00221166\u0022\u003A\u0022RBH\u0022,\u00221167\u0022\u003A\u0022Reading\u0022,\u00221168\u0022\u003A\u0022Regentalbahn\u0022,\u00221171\u0022\u003A\u0022Rio\u0020Grande\u0022,\u00221172\u0022\u003A\u0022RIZZI\u0022,\u00221174\u0022\u003A\u0022RRF\u0022,\u00221176\u0022\u003A\u0022RTI\u0022,\u00221177\u0022\u003A\u0022RTS\u0022,\u00221178\u0022\u003A\u0022Ruhrtalbahn\u0022,\u00221180\u0022\u003A\u0022RZhD\u0022,\u00221182\u0022\u003A\u0022Scandlines\u0022,\u00221183\u0022\u003A\u0022Schamel\u0022,\u00221185\u0022\u003A\u0022Schweerbau\u0022,\u00221187\u0022\u003A\u0022Siemens\u0022,\u00221189\u0022\u003A\u0022Sistemi\u0020Territoriali\u0022,\u00221194\u0022\u003A\u0022Spitzke\u0022,\u00221195\u0022\u003A\u0022SPR\u0022,\u00221196\u0022\u003A\u0022Stadtebahn\u0020Sachsen\u0022,\u00221198\u0022\u003A\u0022STLB\u0022,\u00221199\u0022\u003A\u0022Strukton\u0022,\u00221203\u0022\u003A\u0022Swisstravel\u0022,\u00221204\u0022\u003A\u0022SyltShuttle\u0022,\u00221205\u0022\u003A\u0022SZ\u0022,\u00221206\u0022\u003A\u0022TGK\u0022,\u00221207\u0022\u003A\u0022Tobu\u0020Ltd\u0020Express\u0022,\u00221209\u0022\u003A\u0022Toyama\u0020Railway\u0022,\u00221210\u0022\u003A\u0022Toyohashi\u0020Railway\u0022,\u00221211\u0022\u003A\u0022Train\u0020Group\u0022,\u00221212\u0022\u003A\u0022Transdev\u0020Sverlge\u0022,\u00221213\u0022\u003A\u0022Trenord\u0020Italia\u0022,\u00221214\u0022\u003A\u0022TRI\u0022,\u00221218\u0022\u003A\u0022Tyczka\u0022,\u00221220\u0022\u003A\u0022Uwe\u0020Adam\u0022,\u00221221\u0022\u003A\u0022Vectron\u0022,\u00221222\u0022\u003A\u0022Veolia\u0022,\u00221223\u0022\u003A\u0022Verona\u0020Industrial\u0022,\u00221224\u0022\u003A\u0022Volker\u0020Rail\u0022,\u00221225\u0022\u003A\u0022Vossloh\u0022,\u00221227\u0022\u003A\u0022WAB\u0022,\u00221231\u0022\u003A\u0022Werkbahn\u0022,\u00221232\u0022\u003A\u0022Western\u0020Pacific\u0022,\u00221235\u0022\u003A\u0022WLB\u0022,\u00221238\u0022\u003A\u0022WLE\u0022,\u00221240\u0022\u003A\u0022ZSR\u0022,\u00221241\u0022\u003A\u0022ZSSK\u0022,\u00221253\u0022\u003A\u0022Canadian\u0020National\u0022,\u00221326\u0022\u003A\u0022RENFE\u0022,\u00221330\u0022\u003A\u0022SBB\u0022,\u00221336\u0022\u003A\u0022SNCF\u0022,\u00221718\u0022\u003A\u0022AAE\u0022,\u00221719\u0022\u003A\u0022Alpha\u0020Trains\u0022,\u00221723\u0022\u003A\u0022Birthday\u0022,\u00221724\u0022\u003A\u0022BLS\u0022,\u00221727\u0022\u003A\u0022BR\u0022,\u00221728\u0022\u003A\u0022Bundesliga\u0022,\u00221729\u0022\u003A\u0022Burlington\u0020Northern\u0022,\u00221730\u0022\u003A\u0022Canadian\u0020National\u0022,\u00221731\u0022\u003A\u0022Cargoserv\u0022,\u00221732\u0022\u003A\u0022CD\u0022,\u00221733\u0022\u003A\u0022CFL\u0022,\u00221734\u0022\u003A\u0022Chicago\u0020Metra\u0022,\u00221735\u0022\u003A\u0022Christmas\u0022,\u00221737\u0022\u003A\u0022Conrail\u0022,\u00221738\u0022\u003A\u0022CSD\u0022,\u00221740\u0022\u003A\u0022DB\u0020Schenker\u0022,\u00221745\u0022\u003A\u0022Dolomiti\u0022,\u00221746\u0022\u003A\u0022DRG\u0022,\u00221747\u0022\u003A\u0022DSB\u0022,\u00221748\u0022\u003A\u0022Easter\u0022,\u00221750\u0022\u003A\u0022Ermewa\u0022,\u00221752\u0022\u003A\u0022Ferrero\u0022,\u00221753\u0022\u003A\u0022Frico\u0022,\u00221754\u0022\u003A\u0022Generic\u0022,\u00221755\u0022\u003A\u0022GER\u0022,\u00221756\u0022\u003A\u0022Great\u0020Northern\u0022,\u00221757\u0022\u003A\u0022Green\u0020Cargo\u0022,\u00221758\u0022\u003A\u0022Gysev\u0022,\u00221760\u0022\u003A\u0022Hectorrail\u0022,\u00221762\u0022\u003A\u0022HSB\u0022,\u00221763\u0022\u003A\u0022HUPAC\u0022,\u00221764\u0022\u003A\u0022HUSA\u0022,\u00221765\u0022\u003A\u0022HVLE\u0022,\u00221766\u0022\u003A\u0022Jim\u0020Button\u0022,\u00221767\u0022\u003A\u0022KBayStsB\u0022,\u00221768\u0022\u003A\u0022KESR\u0022,\u00221769\u0022\u003A\u0022KPEV\u0022,\u00221770\u0022\u003A\u0022KWStE\u0022,\u00221771\u0022\u003A\u0022Lineas\u0022,\u00221772\u0022\u003A\u0022LNER\u0022,\u00221773\u0022\u003A\u0022Loadhaul\u0022,\u00221775\u0022\u003A\u0022Lokomotion\u0022,\u00221776\u0022\u003A\u0022LTE\u0022,\u00221777\u0022\u003A\u0022Marklin\u0020Magazine\u0022,\u00221778\u0022\u003A\u0022Mars\u0022,\u00221779\u0022\u003A\u0022MAV\u0022,\u00221780\u0022\u003A\u0022Mazowieckie\u0022,\u00221781\u0022\u003A\u0022MBTA\u0022,\u00221782\u0022\u003A\u0022Mercitalia\u0022,\u00221783\u0022\u003A\u0022Milwaukee\u0020Road\u0022,\u00221784\u0022\u003A\u0022MRCE\u0022,\u00221785\u0022\u003A\u0022Museum\u0022,\u00221788\u0022\u003A\u0022Network\u0020SouthEast\u0022,\u00221790\u0022\u003A\u0022Norfolk\u0020Southern\u0022,\u00221791\u0022\u003A\u0022NOVOG\u0022,\u00221792\u0022\u003A\u0022NS\u0022,\u00221793\u0022\u003A\u0022NSB\u0022,\u00221794\u0022\u003A\u0022OMV\u0022,\u00221795\u0022\u003A\u0022OnRail\u0022,\u00221796\u0022\u003A\u0022Penn\u0020Central\u0022,\u00221797\u0022\u003A\u0022Pennsylvania\u0022,\u00221798\u0022\u003A\u0022PKP\u0022,\u00221799\u0022\u003A\u0022PRESS\u0022,\u00221800\u0022\u003A\u0022Pullman\u0020USA\u0022,\u00221801\u0022\u003A\u0022Puma\u0022,\u00221803\u0022\u003A\u0022Railfreight\u0022,\u00221804\u0022\u003A\u0022Railion\u0022,\u00221805\u0022\u003A\u0022Railogix\u0022,\u00221806\u0022\u003A\u0022Railpool\u0022,\u00221807\u0022\u003A\u0022Railpromo\u0022,\u00221808\u0022\u003A\u0022Regiojet\u0022,\u00221809\u0022\u003A\u0022RENFE\u0022,\u00221810\u0022\u003A\u0022ROD\u0022,\u00221811\u0022\u003A\u0022RTC\u0022,\u00221812\u0022\u003A\u0022RZD\u0022,\u00221814\u0022\u003A\u0022SBB\u0022,\u00221816\u0022\u003A\u0022SETG\u0022,\u00221818\u0022\u003A\u0022SJ\u0022,\u00221819\u0022\u003A\u0022SNCB\u0022,\u00221820\u0022\u003A\u0022SNCF\u0022,\u00221821\u0022\u003A\u0022Southern\u0020Pacific\u0022,\u00221822\u0022\u003A\u0022Staufen\u0020Brau\u0022,\u00221825\u0022\u003A\u0022Sveaskog\u0022,\u00221826\u0022\u003A\u0022Toy\u0022,\u00221828\u0022\u003A\u0022TXLogistik\u0022,\u00221829\u0022\u003A\u0022USTC\u0022,\u00221830\u0022\u003A\u0022VTG\u0022,\u00221832\u0022\u003A\u0022Waldbahn\u0022,\u00221833\u0022\u003A\u0022War\u0020Department\u0022,\u00221834\u0022\u003A\u0022Wisconsin\u0020Central\u0022,\u00221836\u0022\u003A\u0022Zentis\u0022,\u00221837\u0022\u003A\u0022Alpine\u0020Express\u0022,\u00221838\u0022\u003A\u0022East\u0020Coast\u0022,\u00221839\u0022\u003A\u0022Eurostar\u0022,\u00221840\u0022\u003A\u0022Harry\u0020Potter\u0022,\u00221841\u0022\u003A\u0022Paddington\u0020Bear\u0022,\u00221843\u0022\u003A\u0022West\u0020Coast\u0022,\u00221852\u0022\u003A\u0022AAE\u0022,\u00221853\u0022\u003A\u0022Allegra\u0022,\u00221854\u0022\u003A\u0022Bayrische\u0020Zugspitzbahn\u0022,\u00221855\u0022\u003A\u0022Belt\u0020Railway\u0020of\u0020Chicago\u0022,\u00221856\u0022\u003A\u0022Berlin\u0022,\u00221857\u0022\u003A\u0022BLS\u0022,\u00221858\u0022\u003A\u0022BNSF\u0022,\u00221859\u0022\u003A\u0022BR\u0022,\u00221860\u0022\u003A\u0022Burlington\u0020Northern\u0022,\u00221861\u0022\u003A\u0022Caltrain\u0022,\u00221862\u0022\u003A\u0022Canadian\u0020Pacific\u0022,\u00221863\u0022\u003A\u0022CARGOWAGGON\u0022,\u00221864\u0022\u003A\u0022Cross\u0020Country\u0022,\u00221865\u0022\u003A\u0022DB\u0020Schenker\u0022,\u00221866\u0022\u003A\u0022DRG\u0022,\u00221867\u0022\u003A\u0022DRS\u0022,\u00221868\u0022\u003A\u0022East\u0020Midlands\u0020Trains\u0022,\u00221869\u0022\u003A\u0022ET\u0020Railways\u0022,\u00221870\u0022\u003A\u0022EWS\u0022,\u00221871\u0022\u003A\u0022FB\u0022,\u00221872\u0022\u003A\u0022German\u0020Army\u0022,\u00221873\u0022\u003A\u0022Hartsteinwerk\u0020Kitzbuhel\u0022,\u00221874\u0022\u003A\u0022Holcim\u0022,\u00221875\u0022\u003A\u0022Intercity\u0022,\u00221877\u0022\u003A\u0022LKW\u0022,\u00221878\u0022\u003A\u0022LNWR\u0022,\u00221879\u0022\u003A\u0022London\u0020Transport\u0022,\u00221880\u0022\u003A\u0022Mainline\u0022,\u00221881\u0022\u003A\u0022Malcolm\u0020Logistics\u0022,\u00221883\u0022\u003A\u0022Mitsui\u0020Lines\u0022,\u00221885\u0022\u003A\u0022Northern\u0022,\u00221888\u0022\u003A\u0022Railfreight\u0020Coal\u0022,\u00221889\u0022\u003A\u0022RhB\u0022,\u00221891\u0022\u003A\u0022South\u0020West\u0020Trains\u0022,\u00221892\u0022\u003A\u0022Southern\u0022,\u00221893\u0022\u003A\u0022Southern\u0020Pacific\u0022,\u00221894\u0022\u003A\u0022Swiss\u0020Private\u0020Railway\u0022,\u00221895\u0022\u003A\u0022Thomas\u0020the\u0020Tank\u0020Engine\u0022,\u00221896\u0022\u003A\u0022Tiphook\u0020Rail\u0022,\u00221897\u0022\u003A\u0022TransPennine\u0022,\u00221898\u0022\u003A\u0022TXLogistik\u0022,\u00221899\u0022\u003A\u0022Undecorated\u0022,\u00221900\u0022\u003A\u0022Virgin\u0020Trains\u0022,\u00221902\u0022\u003A\u0022Weiacher\u0020Kies\u0022,\u00221903\u0022\u003A\u0022West\u0020Coast\u0020Railways\u0022,\u00221904\u0022\u003A\u0022Alaska\u0020Railroad\u0022,\u00221905\u0022\u003A\u0022Caledonian\u0022,\u00221907\u0022\u003A\u0022DTTX\u0022,\u00221908\u0022\u003A\u0022East\u0020Kent\u0022,\u00221909\u0022\u003A\u0022Emergency\u0020Services\u0022,\u00221912\u0022\u003A\u0022Grizzly\u0020Flats\u0020Railroad\u0022,\u00221913\u0022\u003A\u0022HFB\u0022,\u00221914\u0022\u003A\u0022Isle\u0020of\u0020Man\u0022,\u00221917\u0022\u003A\u0022Metro\u0020North\u0022,\u00221919\u0022\u003A\u0022Pullman\u0020UK\u0022,\u00221920\u0022\u003A\u0022ScotRail\u0022,\u00221924\u0022\u003A\u0022ACFX\u0022,\u00221925\u0022\u003A\u0022Arriva\u0020Trains\u0022,\u00221928\u0022\u003A\u0022Building\u0020Blocks\u0022,\u00221929\u0022\u003A\u0022Christmas\u0022,\u00221930\u0022\u003A\u0022Clinchfield\u0022,\u00221931\u0022\u003A\u0022Conrail\u0022,\u00221933\u0022\u003A\u0022CSX\u0022,\u00221935\u0022\u003A\u0022ECC\u0022,\u00221936\u0022\u003A\u0022Festiniog\u0020Railway\u0022,\u00221937\u0022\u003A\u0022GE\u0020Railcar\u0022,\u00221938\u0022\u003A\u0022Generic\u0022,\u00221939\u0022\u003A\u0022Georgia\u0020Railroad\u0022,\u00221940\u0022\u003A\u0022GPBX\u0022,\u00221941\u0022\u003A\u0022Great\u0020Northern\u0022,\u00221942\u0022\u003A\u0022Herzog\u0022,\u00221943\u0022\u003A\u0022HOKX\u0022,\u00221944\u0022\u003A\u0022Illinois\u0020Central\u0020Gulf\u0022,\u00221945\u0022\u003A\u0022Indiana\u0020Harbor\u0020Belt\u0022,\u00221946\u0022\u003A\u0022Inland\u0020Steel\u0022,\u00221947\u0022\u003A\u0022Isle\u0020of\u0020Sodor\u0022,\u00221948\u0022\u003A\u0022Kansas\u0020City\u0020Southern\u0022,\u00221950\u0022\u003A\u0022LGB\u0022,\u00221951\u0022\u003A\u0022LNER\u0022,\u00221952\u0022\u003A\u0022Local\u0020Transport\u0022,\u00221954\u0022\u003A\u0022Milwaukee\u0020Road\u0022,\u00221955\u0022\u003A\u0022Missouri\u0020Pacific\u0022,\u00221956\u0022\u003A\u0022MLRV\u0022,\u00221957\u0022\u003A\u0022New\u0020Orleans\u0020Public\u0020Belt\u0022,\u00221958\u0022\u003A\u0022NJ\u0020Transit\u0022,\u00221959\u0022\u003A\u0022Norfolk\u0020Southern\u0022,\u00221960\u0022\u003A\u0022PPGX\u0022,\u00221962\u0022\u003A\u0022RJ\u0020Corman\u0022,\u00221963\u0022\u003A\u0022Royal\u0022,\u00221964\u0022\u003A\u0022Snailbeach\u0020Tramway\u0022,\u00221965\u0022\u003A\u0022Talyllyn\u0022,\u00221982\u0022\u003A\u0022KBayStsB\u0022,\u00221983\u0022\u003A\u0022PKP\u0022,\u00221984\u0022\u003A\u0022Tarumi\u0020Railway\u0022,\u00221985\u0022\u003A\u0022Waldbahn\u0022,\u00221986\u0022\u003A\u0022CSD\u0022,\u00221987\u0022\u003A\u0022Flixtrain\u0022,\u00221988\u0022\u003A\u0022KPEV\u0022,\u00221989\u0022\u003A\u0022Lokomotion\u0022,\u00221990\u0022\u003A\u0022Mars\u0022,\u00221991\u0022\u003A\u0022Mercitalia\u0022,\u00221992\u0022\u003A\u0022NordCargo\u0022,\u00221993\u0022\u003A\u0022NS\u0022,\u00221994\u0022\u003A\u0022USTC\u0022,\u00222005\u0022\u003A\u0022Arriva\u0020Trains\u0020Wales\u0022,\u00222006\u0022\u003A\u0022GER\u0022,\u00222007\u0022\u003A\u0022KESR\u0022,\u00222008\u0022\u003A\u0022Midline\u0022,\u00222009\u0022\u003A\u0022MOD\u0022,\u00222010\u0022\u003A\u0022MOW\u0022,\u00222011\u0022\u003A\u0022Northern\u0020Spirit\u0022,\u00222012\u0022\u003A\u0022Rail\u0020Cargo\u0020Austria\u0022,\u00222013\u0022\u003A\u0022ROD\u0022,\u00222016\u0022\u003A\u0022Virgin\u0020West\u0020Coast\u0022,\u00222017\u0022\u003A\u0022War\u0020Department\u0022,\u00222018\u0022\u003A\u0022Alex\u0022,\u00222019\u0022\u003A\u0022Bavarian\u0020State\u0022,\u00222020\u0022\u003A\u0022Beijing\u0020Railway\u0022,\u00222021\u0022\u003A\u0022Birthday\u0022,\u00222023\u0022\u003A\u0022Cargounit\u0022,\u00222024\u0022\u003A\u0022Carrolls\u0020Transport\u0022,\u00222025\u0022\u003A\u0022CD\u0022,\u00222026\u0022\u003A\u0022CEMAT\u0022,\u00222027\u0022\u003A\u0022CFL\u0022,\u00222028\u0022\u003A\u0022Claas\u0022,\u00222029\u0022\u003A\u0022CMBT\u0022,\u00222031\u0022\u003A\u0022CR\u0022,\u00222033\u0022\u003A\u0022Dolomiti\u0022,\u00222034\u0022\u003A\u0022DSB\u0022,\u00222035\u0022\u003A\u0022Easter\u0022,\u00222036\u0022\u003A\u0022Ecco\u0020Rail\u0022,\u00222037\u0022\u003A\u0022EETC\u0022,\u00222038\u0022\u003A\u0022EGP\u0022,\u00222039\u0022\u003A\u0022Ermewa\u0022,\u00222041\u0022\u003A\u0022Fathers\u0020Day\u0022,\u00222042\u0022\u003A\u0022Feldbinder\u0022,\u00222043\u0022\u003A\u0022Ferrero\u0022,\u00222044\u0022\u003A\u0022Frico\u0022,\u00222045\u0022\u003A\u0022Ganter\u0022,\u00222046\u0022\u003A\u0022Germany\u0022,\u00222047\u0022\u003A\u0022Grawaco\u0022,\u00222048\u0022\u003A\u0022Great\u0020Western\u0020Railway\u0022,\u00222049\u0022\u003A\u0022Green\u0020Cargo\u0022,\u00222050\u0022\u003A\u0022GTS\u0022,\u00222051\u0022\u003A\u0022Gysev\u0022,\u00222052\u0022\u003A\u0022Haltermann\u0022,\u00222053\u0022\u003A\u0022Hectorrail\u0022,\u00222055\u0022\u003A\u0022Hornby\u0022,\u00222056\u0022\u003A\u0022HSB\u0022,\u00222057\u0022\u003A\u0022HUPAC\u0022,\u00222058\u0022\u003A\u0022HUSA\u0022,\u00222059\u0022\u003A\u0022HVLE\u0022,\u00222060\u0022\u003A\u0022Industrial\u0020Division\u0022,\u00222061\u0022\u003A\u0022Inrail\u0022,\u00222062\u0022\u003A\u0022Jim\u0020Button\u0022,\u00222063\u0022\u003A\u0022KWStE\u0022,\u00222064\u0022\u003A\u0022LTE\u0022,\u00222065\u0022\u003A\u0022Marklin\u0020Magazine\u0022,\u00222066\u0022\u003A\u0022MAV\u0022,\u00222067\u0022\u003A\u0022MBS\u0022,\u00222068\u0022\u003A\u0022Mieselbrunn\u0022,\u00222069\u0022\u003A\u0022Mighty\u0020Hauler\u0022,\u00222070\u0022\u003A\u0022Mitrag\u0022,\u00222071\u0022\u003A\u0022MRCE\u0022,\u00222072\u0022\u003A\u0022Muller\u0022,\u00222073\u0022\u003A\u0022Museum\u0022,\u00222075\u0022\u003A\u0022Napa\u0020Valley\u0022,\u00222076\u0022\u003A\u0022NCB\u0022,\u00222078\u0022\u003A\u0022NORTE\u0022,\u00222079\u0022\u003A\u0022NSB\u0022,\u00222080\u0022\u003A\u0022NSS\u0022,\u00222081\u0022\u003A\u0022OMV\u0022,\u00222082\u0022\u003A\u0022OnRail\u0022,\u00222083\u0022\u003A\u0022Pennsylvania\u0022,\u00222085\u0022\u003A\u0022Post\u0020Office\u0020Telephones\u0022,\u00222086\u0022\u003A\u0022PTT\u0022,\u00222087\u0022\u003A\u0022Puma\u0022,\u00222088\u0022\u003A\u0022RAG\u0022,\u00222089\u0022\u003A\u0022Rail\u0020Sider\u0022,\u00222090\u0022\u003A\u0022Rail4Chem\u0022,\u00222091\u0022\u003A\u0022Railion\u0022,\u00222092\u0022\u003A\u0022Railjet\u0022,\u00222093\u0022\u003A\u0022Railogix\u0022,\u00222094\u0022\u003A\u0022Railpool\u0022,\u00222095\u0022\u003A\u0022RailReLease\u0022,\u00222096\u0022\u003A\u0022Railsystems\u0022,\u00222097\u0022\u003A\u0022Regiojet\u0022,\u00222098\u0022\u003A\u0022Riessner\u0022,\u00222099\u0022\u003A\u0022RYKO\u0022,\u00222101\u0022\u003A\u0022Serfer\u0022,\u00222102\u0022\u003A\u0022Sinclair\u0022,\u00222104\u0022\u003A\u0022SJ\u0022,\u00222105\u0022\u003A\u0022Slovakia\u0022,\u00222106\u0022\u003A\u0022Snalltaget\u0022,\u00222107\u0022\u003A\u0022SNCB\u0022,\u00222108\u0022\u003A\u0022SOB\u0022,\u00222109\u0022\u003A\u0022SSAB\u0022,\u00222110\u0022\u003A\u0022SStE\u0022,\u00222111\u0022\u003A\u0022SStEB\u0022,\u00222112\u0022\u003A\u0022Staufen\u0020Brau\u0022,\u00222113\u0022\u003A\u0022STB\u0022,\u00222114\u0022\u003A\u0022Stern\u0020Hafferl\u0022,\u00222115\u0022\u003A\u0022SZD\u0022,\u00222116\u0022\u003A\u0022Tarmac\u0022,\u00222117\u0022\u003A\u0022Taxi\u0022,\u00222118\u0022\u003A\u0022Thyssenkrupp\u0022,\u00222119\u0022\u003A\u0022Touax\u0022,\u00222120\u0022\u003A\u0022Toy\u0022,\u00222121\u0022\u003A\u0022Transwaggon\u0022,\u00222122\u0022\u003A\u0022US\u0020Army\u0022,\u00222123\u0022\u003A\u0022VPS\u0022,\u00222124\u0022\u003A\u0022VTG\u0022,\u00222125\u0022\u003A\u0022VWBX\u0022,\u00222126\u0022\u003A\u0022Wascosa\u0022,\u00222127\u0022\u003A\u0022Wessex\u0020Trains\u0022,\u00222128\u0022\u003A\u0022WStE\u0022,\u00222130\u0022\u003A\u0022Zentis\u0022,\u00222132\u0022\u003A\u0022Alder\u0020Valley\u0022,\u00222133\u0022\u003A\u0022Aquarius\u0022,\u00222134\u0022\u003A\u0022ARC\u0022,\u00222135\u0022\u003A\u0022ASDA\u0022,\u00222140\u0022\u003A\u0022BW\u0022,\u00222141\u0022\u003A\u0022Castle\u0020Cement\u0022,\u00222144\u0022\u003A\u0022Chicago\u0020North\u0020Western\u0022,\u00222145\u0022\u003A\u0022Cisalpino\u0022,\u00222146\u0022\u003A\u0022City\u0020of\u0020Chester\u0022,\u00222147\u0022\u003A\u0022Conway\u0020Scenic\u0022,\u00222148\u0022\u003A\u0022Cotton\u0020Belt\u0022,\u00222149\u0022\u003A\u0022DB\u0020Cargo\u0022,\u00222150\u0022\u003A\u0022DMTF\u0022,\u00222151\u0022\u003A\u0022DrachenGas\u0022,\u00222152\u0022\u003A\u0022DRK\u0022,\u00222153\u0022\u003A\u0022EGSX\u0022,\u00222154\u0022\u003A\u0022ERMD\u0022,\u00222155\u0022\u003A\u0022ERR\u0022,\u00222156\u0022\u003A\u0022Fire\u0022,\u00222157\u0022\u003A\u0022Foster\u0020Yeoman\u0022,\u00222158\u0022\u003A\u0022Frankfurt\u0022,\u00222159\u0022\u003A\u0022General\u0020American\u0022,\u00222160\u0022\u003A\u0022Glyn\u0020Valley\u0022,\u00222161\u0022\u003A\u0022Gold\u0020West\u0022,\u00222162\u0022\u003A\u0022Greyhound\u0022,\u00222163\u0022\u003A\u0022Hamburg\u0022,\u00222164\u0022\u003A\u0022HZ\u0022,\u00222165\u0022\u003A\u0022KKStB\u0022,\u00222166\u0022\u003A\u0022Lafarge\u0022,\u00222168\u0022\u003A\u0022Lehigh\u0020Valley\u0022,\u00222169\u0022\u003A\u0022Leicester\u0020Corporation\u0022,\u00222170\u0022\u003A\u0022Lincoln\u0020Corporation\u0022,\u00222171\u0022\u003A\u0022LMR\u0022,\u00222172\u0022\u003A\u0022LogServ\u0022,\u00222173\u0022\u003A\u0022London\u0020Midland\u0022,\u00222175\u0022\u003A\u0022Mazowieckie\u0022,\u00222176\u0022\u003A\u0022Medical\u0022,\u00222177\u0022\u003A\u0022Mendip\u0020Rail\u0022,\u00222178\u0022\u003A\u0022Midland\u0020General\u0022,\u00222180\u0022\u003A\u0022MR\u0022,\u00222181\u0022\u003A\u0022Multi\u0022,\u00222182\u0022\u003A\u0022Munich\u0022,\u00222183\u0022\u003A\u0022MZA\u0022,\u00222184\u0022\u003A\u0022National\u0020Power\u0022,\u00222185\u0022\u003A\u0022NBC\u0020Northern\u0022,\u00222186\u0022\u003A\u0022Northern\u0020Belle\u0022,\u00222187\u0022\u003A\u0022Northern\u0020Rail\u0022,\u00222188\u0022\u003A\u0022NOVOG\u0022,\u00222189\u0022\u003A\u0022NTR\u0022,\u00222190\u0022\u003A\u0022OBH\u0022,\u00222191\u0022\u003A\u0022OPT\u0022,\u00222192\u0022\u003A\u0022Pan\u0020Am\u0022,\u00222193\u0022\u003A\u0022PCC\u0022,\u00222194\u0022\u003A\u0022Penn\u0020Central\u0022,\u00222195\u0022\u003A\u0022Plymouth\u0020City\u0020Transport\u0022,\u00222196\u0022\u003A\u0022Police\u0022,\u00222197\u0022\u003A\u0022Railfreight\u0020Distribution\u0022,\u00222198\u0022\u003A\u0022Railfreight\u0020Metals\u0022,\u00222199\u0022\u003A\u0022Railpro\u0022,\u00222200\u0022\u003A\u0022Railpromo\u0022,\u00222201\u0022\u003A\u0022Railsider\u0022,\u00222204\u0022\u003A\u0022RMC\u0022,\u00222205\u0022\u003A\u0022Royal\u0020Blue\u0022,\u00222206\u0022\u003A\u0022Royal\u0020Mail\u0022,\u00222207\u0022\u003A\u0022RSB\u0022,\u00222208\u0022\u003A\u0022RUKB\u0022,\u00222210\u0022\u003A\u0022Seaboard\u0020Coast\u0020Line\u0022,\u00222212\u0022\u003A\u0022Southdown\u0022,\u00222213\u0022\u003A\u0022Southern\u0020National\u0022,\u00222214\u0022\u003A\u0022Stockport\u0020Corporation\u0022,\u00222215\u0022\u003A\u0022Sveaskog\u0022,\u00222216\u0022\u003A\u0022Swiss\u0022,\u00222217\u0022\u003A\u0022Swiss\u0020Post\u0022,\u00222218\u0022\u003A\u0022THW\u0022,\u00222219\u0022\u003A\u0022TMFB\u0022,\u00222220\u0022\u003A\u0022Transfesa\u0022,\u00222221\u0022\u003A\u0022TransPennine\u0020Express\u0022,\u00222222\u0022\u003A\u0022Trent\u0022,\u00222223\u0022\u003A\u0022Tyneside\u0022,\u00222224\u0022\u003A\u0022United\u0022,\u00222225\u0022\u003A\u0022United\u0020Counties\u0022,\u00222226\u0022\u003A\u0022US\u0020DOT\u0022,\u00222227\u0022\u003A\u0022Vigier\u0022,\u00222228\u0022\u003A\u0022WCRC\u0022,\u00222230\u0022\u003A\u0022Western\u0020National\u0022,\u00222231\u0022\u003A\u0022Wiebe\u0022,\u00222458\u0022\u003A\u002210t\u0020Tanker\u0020Air\u0020Carrier\u0022,\u00222460\u0022\u003A\u0022A1\u0020Service\u0022,\u00222461\u0022\u003A\u0022AA\u0022,\u00222462\u0022\u003A\u0022ADAC\u0022,\u00222463\u0022\u003A\u0022ADIF\u0022,\u00222464\u0022\u003A\u0022ADM\u0022,\u00222465\u0022\u003A\u0022Aer\u0020Lingus\u0022,\u00222466\u0022\u003A\u0022Aeroflot\u0022,\u00222467\u0022\u003A\u0022Aeromexico\u0022,\u00222468\u0022\u003A\u0022Agilis\u0022,\u00222469\u0022\u003A\u0022Air\u0020Asia\u0020X\u0022,\u00222470\u0022\u003A\u0022Air\u0020Berlin\u0022,\u00222471\u0022\u003A\u0022Air\u0020Canada\u0022,\u00222472\u0022\u003A\u0022Air\u0020China\u0022,\u00222473\u0022\u003A\u0022Air\u0020Europa\u0022,\u00222474\u0022\u003A\u0022Air\u0020France\u0022,\u00222475\u0022\u003A\u0022Air\u0020India\u0022,\u00222476\u0022\u003A\u0022Air\u0020Koryo\u0022,\u00222477\u0022\u003A\u0022Air\u0020Mauritius\u0022,\u00222478\u0022\u003A\u0022Air\u0020Tahiti\u0022,\u00222479\u0022\u003A\u0022airBaltic\u0022,\u00222480\u0022\u003A\u0022Airbus\u0022,\u00222481\u0022\u003A\u0022Albert\u0020Talke\u0022,\u00222482\u0022\u003A\u0022Alexander\u0020Bluebird\u0022,\u00222483\u0022\u003A\u0022Alfred\u0020Talke\u0022,\u00222484\u0022\u003A\u0022Alitalia\u0022,\u00222485\u0022\u003A\u0022Allegiant\u0020Air\u0022,\u00222486\u0022\u003A\u0022American\u0020Airlines\u0022,\u00222487\u0022\u003A\u0022American\u0020Refrigerated\u0020Transport\u0022,\u00222488\u0022\u003A\u0022Amoco\u0022,\u00222489\u0022\u003A\u0022Amy\u0020Johnson\u0022,\u00222490\u0022\u003A\u0022Andy\u0020Hug\u0022,\u00222491\u0022\u003A\u0022Anhalt\u0022,\u00222492\u0022\u003A\u0022Ann\u0020Arbor\u0022,\u00222493\u0022\u003A\u0022Ansett\u0020Airways\u0022,\u00222494\u0022\u003A\u0022Antiquitaten\u0020Schneider\u0022,\u00222495\u0022\u003A\u0022Antonov\u0020Airlines\u0022,\u00222496\u0022\u003A\u0022APL\u0022,\u00222497\u0022\u003A\u0022Aral\u0022,\u00222498\u0022\u003A\u0022Assorted\u0022,\u00222499\u0022\u003A\u0022Atlantic\u0020Coast\u0020Line\u0022,\u00222500\u0022\u003A\u0022Austrian\u0022,\u00222501\u0022\u003A\u0022Autozug\u0020Sylt\u0022,\u00222502\u0022\u003A\u0022Avanti\u0020West\u0020Coast\u0022,\u00222503\u0022\u003A\u0022Avianca\u0022,\u00222504\u0022\u003A\u0022Badgerline\u0022,\u00222506\u0022\u003A\u0022Bahnbus\u0022,\u00222507\u0022\u003A\u0022Bakers\u0020Chocolate\u0022,\u00222509\u0022\u003A\u0022Bamber\u0020Bridge\u0020Motor\u0020Services\u0022,\u00222510\u0022\u003A\u0022Bangkok\u0020Airways\u0022,\u00222511\u0022\u003A\u0022BAS\u0022,\u00222512\u0022\u003A\u0022BAS\u0020Saschen\u0022,\u00222514\u0022\u003A\u0022BBL\u0022,\u00222515\u0022\u003A\u0022BEA\u0022,\u00222516\u0022\u003A\u0022Bertram\u0020Mills\u0022,\u00222518\u0022\u003A\u0022BEX\u0020Berlin\u0022,\u00222519\u0022\u003A\u0022Bexleybus\u0022,\u00222520\u0022\u003A\u0022BF3\u0022,\u00222521\u0022\u003A\u0022Bicentennial\u0022,\u00222522\u0022\u003A\u0022Big\u0020Bus\u0020Company\u0022,\u00222523\u0022\u003A\u0022Birkenhead\u0022,\u00222525\u0022\u003A\u0022Blackburn\u0020Transport\u0022,\u00222526\u0022\u003A\u0022Bloodhound\u0020Missile\u0020Launch\u0022,\u00222527\u0022\u003A\u0022Blue\u0020Circle\u0020Cement\u0022,\u00222528\u0022\u003A\u0022Blue\u0020Water\u0022,\u00222529\u0022\u003A\u0022Boeing\u0022,\u00222530\u0022\u003A\u0022BP\u0022,\u00222531\u0022\u003A\u0022Braniff\u0020International\u0022,\u00222532\u0022\u003A\u0022Brighton\u0020Le\u0020Sands\u0022,\u00222533\u0022\u003A\u0022British\u0020Airways\u0022,\u00222534\u0022\u003A\u0022British\u0020Columbia\u0020Railway\u0022,\u00222535\u0022\u003A\u0022British\u0020European\u0020Airways\u0022,\u00222536\u0022\u003A\u0022British\u0020Midlands\u0022,\u00222537\u0022\u003A\u0022British\u0020Road\u0020Ferry\u0020Services\u0022,\u00222538\u0022\u003A\u0022British\u0020Shoe\u0020Corporation\u0022,\u00222539\u0022\u003A\u0022BRK\u0022,\u00222540\u0022\u003A\u0022Browns\u0020Blue\u0022,\u00222541\u0022\u003A\u0022BRS\u0022,\u00222542\u0022\u003A\u0022Brunner\u0022,\u00222543\u0022\u003A\u0022Bruno\u0020Valcarenghi\u0022,\u00222544\u0022\u003A\u0022BTB\u0020Berlin\u0022,\u00222545\u0022\u003A\u0022Bulgaria\u0020Air\u0022,\u00222546\u0022\u003A\u0022Burton\u0020Corporation\u0022,\u00222548\u0022\u003A\u0022Buschbinder\u0022,\u00222549\u0022\u003A\u0022Buslines\u0020Gold\u0020Coast\u0022,\u00222550\u0022\u003A\u0022BVG\u0022,\u00222551\u0022\u003A\u0022CAI\u0022,\u00222552\u0022\u003A\u0022Carl\u0020Balke\u0022,\u00222554\u0022\u003A\u0022Central\u0020Trains\u0022,\u00222555\u0022\u003A\u0022Charles\u0020Knie\u0020Circus\u0022,\u00222556\u0022\u003A\u0022ChaterWay\u0022,\u00222557\u0022\u003A\u0022Chicago\u0020Freight\u0020Car\u0022,\u00222558\u0022\u003A\u0022Chicago\u0020Freight\u0020Car\u0020Leasing\u0022,\u00222559\u0022\u003A\u0022Chicago\u0020Great\u0020Western\u0022,\u00222560\u0022\u003A\u0022China\u0020Southern\u0020Airlines\u0022,\u00222561\u0022\u003A\u0022Chris\u0020Bennett\u0022,\u00222562\u0022\u003A\u0022Circus\u0020Roncalli\u0022,\u00222563\u0022\u003A\u0022CIT\u0020Group\u0022,\u00222564\u0022\u003A\u0022Citystreife\u0022,\u00222565\u0022\u003A\u0022Clydeside\u0020Silverline\u0022,\u00222566\u0022\u003A\u0022Coastguard\u0022,\u00222567\u0022\u003A\u0022Coe\u0020Rail\u0022,\u00222568\u0022\u003A\u0022Condor\u0022,\u00222569\u0022\u003A\u0022Contino\u0022,\u00222570\u0022\u003A\u0022Coop\u0022,\u00222571\u0022\u003A\u0022Corendon\u0020Dutch\u0020Airlines\u0022,\u00222572\u0022\u003A\u0022Cosco\u0022,\u00222573\u0022\u003A\u0022County\u0020Donegal\u0020Railways\u0022,\u00222574\u0022\u003A\u0022Crossair\u0022,\u00222575\u0022\u003A\u0022CSA\u0020Czech\u0020Airlines\u0022,\u00222576\u0022\u003A\u0022Cubaba\u0020de\u0020Aviacion\u0022,\u00222577\u0022\u003A\u0022CZ\u0020Railjet\u0022,\u00222578\u0022\u003A\u0022Danzas\u0022,\u00222579\u0022\u003A\u0022David\u0020Bletsoe\u0020Brown\u0022,\u00222582\u0022\u003A\u0022DCR\u0022,\u00222584\u0022\u003A\u0022Delta\u0020Air\u0020Lines\u0022,\u00222586\u0022\u003A\u0022Deuka\u0022,\u00222587\u0022\u003A\u0022Deutrans\u0022,\u00222588\u0022\u003A\u0022Deutsche\u0020Post\u0022,\u00222589\u0022\u003A\u0022Deutsche\u0020See\u0022,\u00222590\u0022\u003A\u0022DHL\u0022,\u00222591\u0022\u003A\u0022Dinosaurs\u0022,\u00222592\u0022\u003A\u0022DLRG\u0022,\u00222594\u0022\u003A\u0022Dornkaat\u0022,\u00222595\u0022\u003A\u0022Downtown\u0020Loop\u0022,\u00222596\u0022\u003A\u0022Dr\u0020Oetker\u0022,\u00222597\u0022\u003A\u0022DRK\u0020Staufen\u0022,\u00222599\u0022\u003A\u0022Dunlop\u0022,\u00222600\u0022\u003A\u0022East\u0020Coast\u0020Railways\u0022,\u00222601\u0022\u003A\u0022East\u0020London\u0022,\u00222602\u0022\u003A\u0022Eastern\u0020Counties\u0022,\u00222603\u0022\u003A\u0022Eastern\u0020National\u0022,\u00222604\u0022\u003A\u0022ECR\u0022,\u00222605\u0022\u003A\u0022Eddie\u0020Stobart\u0022,\u00222606\u0022\u003A\u0022Edeka\u0022,\u00222607\u0022\u003A\u0022Edelweiss\u0020Air\u0022,\u00222608\u0022\u003A\u0022Edgar\u0020Grass\u0022,\u00222609\u0022\u003A\u0022EFE\u0022,\u00222610\u0022\u003A\u0022Eggins\u0022,\u00222611\u0022\u003A\u0022Egyptair\u0022,\u00222613\u0022\u003A\u0022Eizan\u0020Railways\u0022,\u00222614\u0022\u003A\u0022El\u0020Al\u0022,\u00222615\u0022\u003A\u0022Eldridge\u0020Pope\u0022,\u00222617\u0022\u003A\u0022Emirates\u0022,\u00222618\u0022\u003A\u0022EP\u0020Cargo\u0022,\u00222619\u0022\u003A\u0022Erfurter\u0020Bahn\u0022,\u00222620\u0022\u003A\u0022Eric\u0020Gillie\u0022,\u00222621\u0022\u003A\u0022Erie\u0020Lackawanna\u0022,\u00222622\u0022\u003A\u0022Essen\u0020Dujardin\u0022,\u00222623\u0022\u003A\u0022Etihad\u0020Airways\u0022,\u00222624\u0022\u003A\u0022Europa\u0020Park\u0022,\u00222625\u0022\u003A\u0022Europabus\u0022,\u00222626\u0022\u003A\u0022Europcar\u0022,\u00222627\u0022\u003A\u0022Eurotainer\u0022,\u00222628\u0022\u003A\u0022Eurowings\u0022,\u00222629\u0022\u003A\u0022Exol\u0022,\u00222630\u0022\u003A\u0022Express\u0020Goods\u0020Delivery\u0022,\u00222631\u0022\u003A\u0022Farmers\u0020Coop\u0022,\u00222632\u0022\u003A\u0022Farmrail\u0022,\u00222633\u0022\u003A\u0022Felbermayr\u0022,\u00222634\u0022\u003A\u0022Ferguson\u0020Tractors\u0022,\u00222635\u0022\u003A\u0022Ferrocarril\u0020del\u0020Pacifico\u0022,\u00222636\u0022\u003A\u0022Ferromex\u0022,\u00222637\u0022\u003A\u0022Fina\u0022,\u00222638\u0022\u003A\u0022Fire\u0020Bird\u0022,\u00222639\u0022\u003A\u0022First\u0020Capital\u0022,\u00222640\u0022\u003A\u0022First\u0020City\u0020Bus\u0022,\u00222641\u0022\u003A\u0022First\u0020Cymru\u0022,\u00222642\u0022\u003A\u0022First\u0020Provincial\u0022,\u00222643\u0022\u003A\u0022Flex\u0020Leasing\u0022,\u00222644\u0022\u003A\u0022Flixbus\u0022,\u00222645\u0022\u003A\u0022Florida\u0020East\u0020Coast\u0022,\u00222646\u0022\u003A\u0022FlyBe\u0022,\u00222647\u0022\u003A\u0022FNM\u0022,\u00222648\u0022\u003A\u0022Fraport\u0022,\u00222649\u0022\u003A\u0022Fred\u0020Greenwood\u0022,\u00222650\u0022\u003A\u0022Fruit\u0020Growers\u0020Express\u0022,\u00222651\u0022\u003A\u0022Garuda\u0020Indonesia\u0022,\u00222652\u0022\u003A\u0022Gasolin\u0022,\u00222653\u0022\u003A\u0022Gatto\u0020Wind\u0022,\u00222654\u0022\u003A\u0022Gebruder\u0020Markewitsche\u0022,\u00222656\u0022\u003A\u0022George\u0022,\u00222657\u0022\u003A\u0022Georgsmarienhutte\u0022,\u00222658\u0022\u003A\u0022Gerolsteiner\u0022,\u00222659\u0022\u003A\u0022Geschichte\u0020des\u0020Bieres\u0022,\u00222660\u0022\u003A\u0022Gesuko\u0022,\u00222661\u0022\u003A\u0022GF\u0020Job\u0022,\u00222662\u0022\u003A\u0022GGTX\u0022,\u00222663\u0022\u003A\u0022Glorias\u0020Blooms\u0022,\u00222664\u0022\u003A\u0022GNER\u0022,\u00222665\u0022\u003A\u0022GNR\u0022,\u00222666\u0022\u003A\u0022Grand\u0020Trunk\u0020Western\u0022,\u00222667\u0022\u003A\u0022Great\u0020Yarmouth\u0020Corp\u0022,\u00222668\u0022\u003A\u0022Greater\u0020Manchester\u0020PTE\u0022,\u00222669\u0022\u003A\u0022Greenline\u0022,\u00222670\u0022\u003A\u0022Grey\u0020Cars\u0022,\u00222671\u0022\u003A\u0022Grey\u0020Green\u0022,\u00222672\u0022\u003A\u0022Gruber\u0020Logistics\u0022,\u00222673\u0022\u003A\u0022Gulf\u0022,\u00222674\u0022\u003A\u0022Gulf\u0020Air\u0022,\u00222676\u0022\u003A\u0022Haliburton\u0022,\u00222677\u0022\u003A\u0022Hamburg\u0020Rail\u0020Services\u0022,\u00222678\u0022\u003A\u0022Hamburg\u0020Sud\u0022,\u00222679\u0022\u003A\u0022Hans\u0020Gick\u0022,\u00222680\u0022\u003A\u0022Hapag\u0020Lloyd\u0022,\u00222682\u0022\u003A\u0022Haribo\u0022,\u00222683\u0022\u003A\u0022Hawaiian\u0020Airlines\u0022,\u00222684\u0022\u003A\u0022Hearse\u0022,\u00222685\u0022\u003A\u0022Heide\u0020Logistik\u0022,\u00222686\u0022\u003A\u0022Heljan\u0022,\u00222687\u0022\u003A\u0022Hella\u0020Erlkonig\u0022,\u00222688\u0022\u003A\u0022Helvetic\u0022,\u00222689\u0022\u003A\u0022Herpa\u0022,\u00222690\u0022\u003A\u0022HGK\u0022,\u00222691\u0022\u003A\u0022Highway\u0020Maintenance\u0022,\u00222692\u0022\u003A\u0022HKX\u0022,\u00222694\u0022\u003A\u0022Hodlmayer\u0022,\u00222695\u0022\u003A\u0022Hofmann\u0022,\u00222696\u0022\u003A\u0022Hohner\u0022,\u00222698\u0022\u003A\u0022Hoyer\u0022,\u00222699\u0022\u003A\u0022HSRX\u0022,\u00222700\u0022\u003A\u0022Iberia\u0022,\u00222701\u0022\u003A\u0022Icelandair\u0022,\u00222702\u0022\u003A\u0022IFL\u0020Koln\u0022,\u00222703\u0022\u003A\u0022Illinois\u0020Central\u0022,\u00222704\u0022\u003A\u0022Illinois\u0020Cereal\u0020Mills\u0022,\u00222705\u0022\u003A\u0022Illinois\u0020Terminal\u0022,\u00222706\u0022\u003A\u0022Ingo\u0020Dingles\u0022,\u00222707\u0022\u003A\u0022Interflug\u0022,\u00222708\u0022\u003A\u0022Iowa\u0020Interstate\u0022,\u00222709\u0022\u003A\u0022Ishikawa\u0020Railways\u0022,\u00222710\u0022\u003A\u0022Israeli\u0020Airlines\u0022,\u00222711\u0022\u003A\u0022JAF\u0022,\u00222712\u0022\u003A\u0022James\u0020McBride\u0022,\u00222713\u0022\u003A\u0022Jamie\u0020Oliver\u0022,\u00222714\u0022\u003A\u0022JCB\u0022,\u00222715\u0022\u003A\u0022JetBlue\u0022,\u00222717\u0022\u003A\u0022JM\u0020Huber\u0022,\u00222718\u0022\u003A\u0022John\u0020Deere\u0022,\u00222719\u0022\u003A\u0022Jones\u0020of\u0020Aberbeeg\u0022,\u00222720\u0022\u003A\u0022Joyces\u0022,\u00222721\u0022\u003A\u0022JR\u0020East\u0022,\u00222722\u0022\u003A\u0022JR\u0020Freight\u0022,\u00222723\u0022\u003A\u0022Juneyao\u0020Airlines\u0022,\u00222725\u0022\u003A\u0022Kindergarten\u0022,\u00222726\u0022\u003A\u0022KLM\u0022,\u00222727\u0022\u003A\u0022Klockner\u0022,\u00222729\u0022\u003A\u0022Krounenbourg\u0022,\u00222730\u0022\u003A\u0022KSW\u0022,\u00222731\u0022\u003A\u0022KTW\u0022,\u00222732\u0022\u003A\u0022Kundendienst\u0022,\u00222733\u0022\u003A\u0022La\u0020Compagnie\u0022,\u00222735\u0022\u003A\u0022Leimgruber\u0022,\u00222736\u0022\u003A\u0022Leonhard\u0020Weiss\u0022,\u00222741\u0022\u003A\u0022London\u0020Buslines\u0022,\u00222742\u0022\u003A\u0022London\u0020Country\u0022,\u00222743\u0022\u003A\u0022London\u0020Northern\u0022,\u00222744\u0022\u003A\u0022LPG\u0020Roter\u0020Oktober\u0022,\u00222745\u0022\u003A\u0022LSWR\u0022,\u00222746\u0022\u003A\u0022LTH\u0022,\u00222747\u0022\u003A\u0022Lufthansa\u0022,\u00222749\u0022\u003A\u0022Lyons\u0020Maid\u0022,\u00222750\u0022\u003A\u0022Magirus\u0022,\u00222751\u0022\u003A\u0022Maik\u0020Terpe\u0022,\u00222752\u0022\u003A\u0022Maine\u0020Central\u0022,\u00222753\u0022\u003A\u0022Makela\u0022,\u00222754\u0022\u003A\u0022Malaysia\u0020Airlines\u0022,\u00222755\u0022\u003A\u0022Malev\u0020Hungarian\u0020Airlines\u0022,\u00222756\u0022\u003A\u0022Manchetts\u0022,\u00222757\u0022\u003A\u0022Mango\u0022,\u00222759\u0022\u003A\u0022Matthiessen\u0020Logistik\u0022,\u00222760\u0022\u003A\u0022Max\u0020Wild\u0022,\u00222761\u0022\u003A\u0022Menabetz\u0022,\u00222762\u0022\u003A\u0022Merchants\u0020Despatch\u0022,\u00222763\u0022\u003A\u0022Metrobus\u0022,\u00222764\u0022\u003A\u0022Metropolitan\u0020Bondi\u0020Beach\u0022,\u00222765\u0022\u003A\u0022Metropolitan\u0020Sydney\u0022,\u00222766\u0022\u003A\u0022Midland\u0020Fox\u0022,\u00222767\u0022\u003A\u0022Miele\u0022,\u00222768\u0022\u003A\u0022Migros\u0022,\u00222770\u0022\u003A\u0022Missouri\u0020Kansas\u0020Texas\u0022,\u00222771\u0022\u003A\u0022Mixed\u0022,\u00222772\u0022\u003A\u0022Monjean\u0020Transporte\u0022,\u00222773\u0022\u003A\u0022Monon\u0022,\u00222774\u0022\u003A\u0022Montana\u0020Rail\u0020Link\u0022,\u00222775\u0022\u003A\u0022Morrison\u0020Hockings\u0022,\u00222776\u0022\u003A\u0022Mosolf\u0022,\u00222777\u0022\u003A\u0022Mr\u0020Softee\u0022,\u00222778\u0022\u003A\u0022Mr\u0020Whippy\u0022,\u00222779\u0022\u003A\u0022Muller\u0020Gardening\u0022,\u00222781\u0022\u003A\u0022MZF\u0022,\u00222782\u0022\u003A\u0022National\u0020Air\u0020Cargo\u0022,\u00222784\u0022\u003A\u0022NBC\u0022,\u00222785\u0022\u003A\u0022NBR\u0022,\u00222786\u0022\u003A\u0022New\u0020Haven\u0022,\u00222787\u0022\u003A\u0022Nicromet\u0022,\u00222788\u0022\u003A\u0022Nihon\u0020Tsuun\u0022,\u00222790\u0022\u003A\u0022Norail\u0020Ciment\u0020Quebec\u0022,\u00222791\u0022\u003A\u0022Norfokline\u0022,\u00222793\u0022\u003A\u0022North\u0020Western\u0020BRS\u0022,\u00222794\u0022\u003A\u0022North\u0020Western\u0020Refrigerator\u0020Line\u0022,\u00222795\u0022\u003A\u0022Northern\u0020General\u0022,\u00222796\u0022\u003A\u0022Northern\u0020Pacific\u0022,\u00222797\u0022\u003A\u0022Norweigan\u0022,\u00222798\u0022\u003A\u0022Novair\u0022,\u00222799\u0022\u003A\u0022Nutella\u0022,\u00222800\u0022\u003A\u0022OHE\u0022,\u00222801\u0022\u003A\u0022Oigawa\u0020Railroad\u0022,\u00222802\u0022\u003A\u0022ONE\u0022,\u00222803\u0022\u003A\u0022ONS\u0022,\u00222804\u0022\u003A\u0022Ontario\u0020Northland\u0022,\u00222805\u0022\u003A\u0022Ordnungsamst\u0022,\u00222806\u0022\u003A\u0022Orpington\u0022,\u00222807\u0022\u003A\u0022ORV\u0022,\u00222808\u0022\u003A\u0022Ouibus\u0022,\u00222809\u0022\u003A\u0022Oxford\u0020Bus\u0022,\u00222810\u0022\u003A\u0022Oxford\u0020Diecast\u0022,\u00222811\u0022\u003A\u0022Pacer\u0020Stacktrain\u0022,\u00222812\u0022\u003A\u0022Pacific\u0020Fruit\u0020Express\u0022,\u00222813\u0022\u003A\u0022Panalpina\u0022,\u00222814\u0022\u003A\u0022Parcelforce\u0022,\u00222815\u0022\u003A\u0022Peabody\u0020Short\u0020Line\u0022,\u00222817\u0022\u003A\u0022Pflumm\u0022,\u00222818\u0022\u003A\u0022Phil\u0020Collins\u0022,\u00222819\u0022\u003A\u0022Pickfords\u0022,\u00222820\u0022\u003A\u0022Piedmont\u0020Airlines\u0022,\u00222823\u0022\u003A\u0022Pizza\u0020Delivery\u0022,\u00222824\u0022\u003A\u0022Pointer\u0022,\u00222825\u0022\u003A\u0022Pollock\u0022,\u00222826\u0022\u003A\u0022Post\u0022,\u00222827\u0022\u003A\u0022Post\u0020Express\u0022,\u00222828\u0022\u003A\u0022Post\u0020Office\u0022,\u00222829\u0022\u003A\u0022PR\u0022,\u00222832\u0022\u003A\u0022Pullman\u0022,\u00222833\u0022\u003A\u0022Pyraser\u0022,\u00222834\u0022\u003A\u0022Pyromonter\u0020Heilwasser\u0022,\u00222835\u0022\u003A\u0022Qantas\u0022,\u00222836\u0022\u003A\u0022Qatar\u0022,\u00222837\u0022\u003A\u0022R4C\u0022,\u00222838\u0022\u003A\u0022RAC\u0022,\u00222839\u0022\u003A\u0022Raiffeisenliner\u0022,\u00222840\u0022\u003A\u0022Rail\u0020Express\u0020Parcels\u0022,\u00222841\u0022\u003A\u0022Rail\u0020Express\u0020Systems\u0022,\u00222842\u0022\u003A\u0022Rail\u0020Force\u00201\u0022,\u00222844\u0022\u003A\u0022Railfreight\u0020General\u0022,\u00222845\u0022\u003A\u0022Railfreight\u0020Petroleum\u0022,\u00222846\u0022\u003A\u0022Railfreight\u0020Triple\u0020Grey\u0022,\u00222847\u0022\u003A\u0022Railgon\u0022,\u00222848\u0022\u003A\u0022RailLInk\u0022,\u00222849\u0022\u003A\u0022Railway\u0020Express\u0020Agency\u0022,\u00222850\u0022\u003A\u0022Redland\u0022,\u00222851\u0022\u003A\u0022Reinert\u0022,\u00222852\u0022\u003A\u0022Renault\u0022,\u00222853\u0022\u003A\u0022Rene\u0020Muller\u0022,\u00222854\u0022\u003A\u0022Rettungsdienst\u0020Dulmen\u0022,\u00222855\u0022\u003A\u0022RheinCargo\u0022,\u00222856\u0022\u003A\u0022Rhienland\u0020Touring\u0022,\u00222857\u0022\u003A\u0022Ribble\u0022,\u00222858\u0022\u003A\u0022Riwatrans\u0022,\u00222859\u0022\u003A\u0022Rock\u0020Island\u0022,\u00222860\u0022\u003A\u0022Rolf\u0020Riedel\u0022,\u00222861\u0022\u003A\u0022Rosenkranz\u0022,\u00222862\u0022\u003A\u0022Rossiya\u0022,\u00222863\u0022\u003A\u0022Royal\u0020Air\u0020Maroc\u0022,\u00222864\u0022\u003A\u0022Royal\u0020Jordanian\u0020Airlines\u0022,\u00222865\u0022\u003A\u0022RTB\u0020Cargo\u0022,\u00222866\u0022\u003A\u0022Rugener\u0022,\u00222867\u0022\u003A\u0022Rutland\u0022,\u00222868\u0022\u003A\u0022RVS\u0022,\u00222869\u0022\u003A\u0022S7\u0020Airlines\u0022,\u00222870\u0022\u003A\u0022Sabena\u0022,\u00222871\u0022\u003A\u0022Sandy\u0020Beige\u0022,\u00222872\u0022\u003A\u0022Sandy\u0020Kydd\u0022,\u00222873\u0022\u003A\u0022Sapsan\u0022,\u00222874\u0022\u003A\u0022SAS\u0020Scandanavian\u0020Airlines\u0022,\u00222875\u0022\u003A\u0022Scania\u0022,\u00222876\u0022\u003A\u0022Schenker\u0022,\u00222877\u0022\u003A\u0022Scheufler\u0022,\u00222879\u0022\u003A\u0022Schinkenhager\u0022,\u00222880\u0022\u003A\u0022School\u0020Bus\u0022,\u00222881\u0022\u003A\u0022Schotter\u0020Teufel\u0022,\u00222882\u0022\u003A\u0022Schreglmann\u0022,\u00222883\u0022\u003A\u0022Schuler\u0020Installations\u0022,\u00222884\u0022\u003A\u0022Schumann\u0022,\u00222885\u0022\u003A\u0022Schuttermair\u0022,\u00222886\u0022\u003A\u0022Schwarzer\u0020Spedition\u0022,\u00222887\u0022\u003A\u0022Schwerlast\u0022,\u00222889\u0022\u003A\u0022SD\u0022,\u00222890\u0022\u003A\u0022Sea\u0020Land\u0022,\u00222891\u0022\u003A\u0022SECR\u0022,\u00222892\u0022\u003A\u0022Seino\u0020Unyu\u0022,\u00222893\u0022\u003A\u0022Serco\u0022,\u00222894\u0022\u003A\u0022Shell\u0022,\u00222896\u0022\u003A\u0022Shillibeer\u0022,\u00222897\u0022\u003A\u0022Silo\u0020Melmer\u0022,\u00222898\u0022\u003A\u0022Silverline\u0022,\u00222899\u0022\u003A\u0022Silverlink\u0022,\u00222901\u0022\u003A\u0022Sinano\u0020Railway\u0022,\u00222902\u0022\u003A\u0022Skeldons\u0022,\u00222903\u0022\u003A\u0022Smiths\u0020Bridgend\u0022,\u00222904\u0022\u003A\u0022Soo\u0020Line\u0022,\u00222905\u0022\u003A\u0022South\u0020Branch\u0020Valley\u0022,\u00222906\u0022\u003A\u0022South\u0020Eastern\u0022,\u00222907\u0022\u003A\u0022South\u0020Wales\u0022,\u00222908\u0022\u003A\u0022South\u0020Yorkshire\u0022,\u00222909\u0022\u003A\u0022Southend\u0020Transport\u0022,\u00222910\u0022\u003A\u0022Southern\u0020Railway\u0022,\u00222911\u0022\u003A\u0022Sovereign\u0020Buses\u0022,\u00222912\u0022\u003A\u0022Spedition\u0020Gress\u0022,\u00222913\u0022\u003A\u0022Spedition\u0020Schumacher\u0022,\u00222914\u0022\u003A\u0022Spedition\u0020Tasche\u0022,\u00222915\u0022\u003A\u0022Spedition\u0020Wirz\u0022,\u00222916\u0022\u003A\u0022Spicejet\u0022,\u00222919\u0022\u003A\u0022St\u0020Maries\u0020River\u0022,\u00222920\u0022\u003A\u0022Stagecoach\u0022,\u00222921\u0022\u003A\u0022Steampunk\u0022,\u00222923\u0022\u003A\u0022STL\u0020Logistik\u0022,\u00222924\u0022\u003A\u0022Strathclyde\u0020PTE\u0022,\u00222927\u0022\u003A\u0022Sutherland\u0020Cronulla\u0022,\u00222928\u0022\u003A\u0022Swift\u0020Refrigerator\u0020Line\u0022,\u00222929\u0022\u003A\u0022Swiss\u0020International\u0020Airlines\u0022,\u00222930\u0022\u003A\u0022Swissair\u0022,\u00222931\u0022\u003A\u0022Tankpol\u0022,\u00222932\u0022\u003A\u0022TAP\u0020Air\u0020Portugal\u0022,\u00222933\u0022\u003A\u0022Tarom\u0022,\u00222934\u0022\u003A\u0022Team\u0020DAngelo\u0022,\u00222935\u0022\u003A\u0022Telekom\u0022,\u00222936\u0022\u003A\u0022TET\u0020Spedition\u0022,\u00222937\u0022\u003A\u0022Texaco\u0022,\u00222938\u0022\u003A\u0022Thai\u0020Airways\u0022,\u00222939\u0022\u003A\u0022Thames\u0020Valley\u0022,\u00222940\u0022\u003A\u0022Thameslink\u0022,\u00222941\u0022\u003A\u0022The\u0020Stones\u0022,\u00222942\u0022\u003A\u0022Thomas\u0020Brothers\u0022,\u00222943\u0022\u003A\u0022Thomen\u0022,\u00222944\u0022\u003A\u0022Tillings\u0020National\u0022,\u00222945\u0022\u003A\u0022TILX\u0022,\u00222947\u0022\u003A\u0022TIMX\u0022,\u00222948\u0022\u003A\u0022Tiphook\u0022,\u00222949\u0022\u003A\u0022Todmoren\u0022,\u00222951\u0022\u003A\u0022Trailer\u0020Train\u0022,\u00222952\u0022\u003A\u0022Trans\u0020Pennine\u0020Express\u0022,\u00222953\u0022\u003A\u0022Trans\u0020World\u0020Express\u0022,\u00222954\u0022\u003A\u0022TransAm\u0022,\u00222955\u0022\u003A\u0022Transavia\u0022,\u00222957\u0022\u003A\u0022Transport\u0020Franconia\u0022,\u00222958\u0022\u003A\u0022Transportbeton\u0022,\u00222959\u0022\u003A\u0022TRI\u0020National\u0020Express\u0022,\u00222960\u0022\u003A\u0022Trinity\u0020Industries\u0022,\u00222962\u0022\u003A\u0022Truck\u0020Store\u0020Niebel\u0022,\u00222963\u0022\u003A\u0022Trux\u0022,\u00222964\u0022\u003A\u0022TSU\u0020Bode\u0022,\u00222965\u0022\u003A\u0022TTX\u0022,\u00222967\u0022\u003A\u0022TUI\u0022,\u00222968\u0022\u003A\u0022Tunnel\u0020Cement\u0022,\u00222969\u0022\u003A\u0022Turkish\u0020Airlines\u0022,\u00222970\u0022\u003A\u0022TWA\u0022,\u00222971\u0022\u003A\u0022Tyrolean\u0020Airways\u0022,\u00222972\u0022\u003A\u0022UELX\u0022,\u00222973\u0022\u003A\u0022Ukraine\u0020International\u0020Air\u0022,\u00222974\u0022\u003A\u0022Ulster\u0020Transport\u0020Authority\u0022,\u00222975\u0022\u003A\u0022United\u0020Airlines\u0022,\u00222976\u0022\u003A\u0022United\u0020Dairies\u0022,\u00222977\u0022\u003A\u0022United\u0020Nations\u0022,\u00222978\u0022\u003A\u0022UPS\u0022,\u00222979\u0022\u003A\u0022USLX\u0022,\u00222980\u0022\u003A\u0022Utair\u0020Aviation\u0022,\u00222981\u0022\u003A\u0022Vermont\u0020Northern\u0022,\u00222982\u0022\u003A\u0022VIA\u0020Rail\u0022,\u00222983\u0022\u003A\u0022Vintage\u0020Warbirds\u0022,\u00222984\u0022\u003A\u0022Virgin\u0020East\u0020Coast\u0022,\u00222985\u0022\u003A\u0022Virgina\u0020Railways\u0022,\u00222986\u0022\u003A\u0022Vockt\u0022,\u00222987\u0022\u003A\u0022Volkswagen\u0022,\u00222988\u0022\u003A\u0022Vueling\u0022,\u00222989\u0022\u003A\u0022W\u0020Roth\u0022,\u00222990\u0022\u003A\u0022Wabash\u0022,\u00222991\u0022\u003A\u0022Wallace\u0020Arnold\u0022,\u00222992\u0022\u003A\u0022Walls\u0020Ice\u0020Cream\u0022,\u00222993\u0022\u003A\u0022Wandt\u0022,\u00222994\u0022\u003A\u0022Warsteiner\u0022,\u00222995\u0022\u003A\u0022Wasel\u0022,\u00222996\u0022\u003A\u0022Weber\u0022,\u00222997\u0022\u003A\u0022Wedemeyer\u0022,\u00222998\u0022\u003A\u0022Wertkauf\u0022,\u00222999\u0022\u003A\u0022Western\u0020Maryland\u0022,\u00223000\u0022\u003A\u0022Westjet\u0022,\u00223001\u0022\u003A\u0022Weyerhauser\u0022,\u00223002\u0022\u003A\u0022White\u0020Star\u0020Line\u0022,\u00223003\u0022\u003A\u0022Whitelink\u0020Seafoods\u0022,\u00223005\u0022\u003A\u0022Willi\u0020Betz\u0022,\u00223006\u0022\u003A\u0022Willi\u0020Wewer\u0022,\u00223008\u0022\u003A\u0022Wirtgen\u0022,\u00223009\u0022\u003A\u0022Wirth\u0020Agrar\u0022,\u00223012\u0022\u003A\u0022Woodlands\u0020Transport\u0022,\u00223014\u0022\u003A\u0022Wynns\u0022,\u00223015\u0022\u003A\u0022XTRA\u0022,\u00223016\u0022\u003A\u0022Ziegler\u0020Group\u0022,\u00223392\u0022\u003A\u0022Maersk\u0022,\u00223394\u0022\u003A\u0022British\u0020Rail\u0022,\u00223395\u0022\u003A\u0022Stobart\u0020Rail\u0022,\u00223396\u0022\u003A\u0022WH\u0020Malcolm\u0022,\u00223411\u0022\u003A\u0022DEV\u0022,\u00223413\u0022\u003A\u0022Rail\u0020Operations\u0020Group\u0022,\u00223427\u0022\u003A\u0022East\u0020Midlands\u0020Railway\u0022,\u00223428\u0022\u003A\u0022First\u0020Great\u0020Western\u0022,\u00223429\u0022\u003A\u0022RailLogix\u0022,\u00223433\u0022\u003A\u0022GTTX\u0022,\u00223434\u0022\u003A\u0022VTTX\u0022,\u00223436\u0022\u003A\u0022Jarvis\u0022,\u00223437\u0022\u003A\u0022Thalys\u0022,\u00223441\u0022\u003A\u0022Merseyrail\u0022,\u00223442\u0022\u003A\u0022Hiroshima\u0020Electric\u0020Railway\u0022,\u00223448\u0022\u003A\u0022Aero\u0020Lloyd\u0022,\u00223449\u0022\u003A\u0022Aerosur\u0022,\u00223450\u0022\u003A\u0022Air\u0020Asia\u0020Japan\u0022,\u00223451\u0022\u003A\u0022Air\u0020Do\u0022,\u00223452\u0022\u003A\u0022Air\u0020Inter\u0022,\u00223453\u0022\u003A\u0022Air\u0020Italy\u0022,\u00223454\u0022\u003A\u0022Air\u0020Seychelles\u0022,\u00223455\u0022\u003A\u0022Alaska\u0020Airlines\u0022,\u00223456\u0022\u003A\u0022Alitalia\u0020Sud\u0020Aviation\u0022,\u00223457\u0022\u003A\u0022Alrosa\u0020Mirny\u0020Air\u0020Enterprises\u0022,\u00223458\u0022\u003A\u0022Azul\u0022,\u00223459\u0022\u003A\u0022Azur\u0020Air\u0022,\u00223460\u0022\u003A\u0022Belavia\u0022,\u00223461\u0022\u003A\u0022BelugaXL\u0022,\u00223462\u0022\u003A\u0022Biman\u0020Bangladesh\u0020Airlines\u0022,\u00223463\u0022\u003A\u0022Blue\u0020Panorama\u0022,\u00223464\u0022\u003A\u0022Center\u0020South\u0020Airlines\u0022,\u00223465\u0022\u003A\u0022Fiji\u0020Airways\u0022,\u00223466\u0022\u003A\u0022FlySafair\u0022,\u00223467\u0022\u003A\u0022Global\u0020Supertanker\u0020Services\u0022,\u00223468\u0022\u003A\u0022Government\u0022,\u00223469\u0022\u003A\u0022Hainan\u0020Airlines\u0022,\u00223470\u0022\u003A\u0022HeavyLift\u0020Cargo\u0022,\u00223471\u0022\u003A\u0022Iran\u0020Air\u0022,\u00223472\u0022\u003A\u0022JADF\u0022,\u00223473\u0022\u003A\u0022JAT\u0022,\u00223474\u0022\u003A\u0022Joon\u0022,\u00223475\u0022\u003A\u0022Kiwi\u0020International\u0020Air\u0020Lines\u0022,\u00223476\u0022\u003A\u0022LATAM\u0020Brasil\u0022,\u00223477\u0022\u003A\u0022Lion\u0020Air\u0022,\u00223478\u0022\u003A\u0022LOT\u0020Polish\u0020Airlines\u0022,\u00223479\u0022\u003A\u0022Luftwaffe\u0022,\u00223480\u0022\u003A\u0022Mahan\u0020Air\u0022,\u00223481\u0022\u003A\u0022Myanmar\u0020National\u0022,\u00223482\u0022\u003A\u0022NokScoot\u0022,\u00223483\u0022\u003A\u0022Nordwind\u0020Airlines\u0022,\u00223484\u0022\u003A\u0022Oman\u0020Air\u0022,\u00223485\u0022\u003A\u0022Pakistan\u0020International\u0022,\u00223486\u0022\u003A\u0022PAWA\u0022,\u00223487\u0022\u003A\u0022Pegasus\u0020Airlines\u0022,\u00223488\u0022\u003A\u0022Philippine\u0020Airlines\u0022,\u00223489\u0022\u003A\u0022Qatar\u0020Airways\u0022,\u00223490\u0022\u003A\u0022RAAF\u0022,\u00223491\u0022\u003A\u0022Rimowa\u0022,\u00223492\u0022\u003A\u0022RNAF\u0022,\u00223493\u0022\u003A\u0022Russian\u0020State\u0020Air\u0022,\u00223494\u0022\u003A\u0022Sabena\u0020Sud\u0020Aviation\u0022,\u00223495\u0022\u003A\u0022Saudiar\u0020Cargo\u0022,\u00223496\u0022\u003A\u0022Scoot\u0022,\u00223497\u0022\u003A\u0022SF\u0020Airlines\u0022,\u00223498\u0022\u003A\u0022Shanghai\u0020Airlines\u0022,\u00223499\u0022\u003A\u0022Sichuan\u0020Airlines\u0022,\u00223500\u0022\u003A\u0022South\u0020African\u0020Airways\u0022,\u00223501\u0022\u003A\u0022SriLankan\u0020Airlines\u0022,\u00223502\u0022\u003A\u0022Sun\u0020Express\u0020Deutschland\u0022,\u00223503\u0022\u003A\u0022TAP\u0020Portugal\u0022,\u00223504\u0022\u003A\u0022TransBrasil\u0022,\u00223505\u0022\u003A\u0022UAF\u0022,\u00223506\u0022\u003A\u0022USAF\u0022,\u00223507\u0022\u003A\u0022Uzbekistan\u0020Airways\u0022,\u00223508\u0022\u003A\u0022Varig\u0022,\u00223509\u0022\u003A\u0022Vietnam\u0020Airlines\u0022,\u00223510\u0022\u003A\u0022Wardair\u0022,\u00223511\u0022\u003A\u0022Windrose\u0020Airlines\u0022,\u00223512\u0022\u003A\u0022XiamenAir\u0022,\u00223516\u0022\u003A\u0022Aero\u0020Union\u0022,\u00223517\u0022\u003A\u0022Air\u0020Macau\u0022,\u00223518\u0022\u003A\u0022Air\u0020New\u0020Zealand\u0022,\u00223519\u0022\u003A\u0022Cargolux\u0022,\u00223520\u0022\u003A\u0022Interflug\u0020Technische\u0022,\u00223521\u0022\u003A\u0022Nok\u0020Air\u0022,\u00223522\u0022\u003A\u0022Northwest\u0020Orient\u0022,\u00223523\u0022\u003A\u0022Pan\u0020Am\u0020Express\u0022,\u00223524\u0022\u003A\u0022RAF\u0022,\u00223525\u0022\u003A\u0022Red\u0020Bull\u0022,\u00223526\u0022\u003A\u0022TransAero\u0022,\u00223527\u0022\u003A\u0022US\u0020Navy\u0022,\u00223528\u0022\u003A\u0022Wideroe\u0022,\u00223529\u0022\u003A\u0022Wow\u0020Air\u0022,\u00223577\u0022\u003A\u0022Russian\u0020Army\u0022,\u00223589\u0022\u003A\u0022Dachser\u0022,\u00223590\u0022\u003A\u0022Yang\u0020Ming\u0022,\u00223591\u0022\u003A\u0022Audi\u0022,\u00223592\u0022\u003A\u0022Johanniter\u0020LV\u0020Bayern\u0022,\u00223596\u0022\u003A\u0022Balkan\u0020Bulgarian\u0020Airlines\u0022,\u00223597\u0022\u003A\u0022Cabo\u0020Verde\u0020Airlines\u0022,\u00223598\u0022\u003A\u0022China\u0020Eastern\u0020Airlines\u0022,\u00223599\u0022\u003A\u0022Finnair\u0022,\u00223600\u0022\u003A\u0022Frontier\u0020Airlines\u0022,\u00223601\u0022\u003A\u0022Interjet\u0022,\u00223602\u0022\u003A\u0022Kuwait\u0020Airways\u0022,\u00223603\u0022\u003A\u0022Saudiar\u0020Royal\u0020Flight\u0022,\u00223604\u0022\u003A\u0022Siberia\u0020Airlines\u0022,\u00223605\u0022\u003A\u0022Tunisair\u0022,\u00223614\u0022\u003A\u0022Paddington\u0022,\u00223619\u0022\u003A\u0022Frisco\u0022,\u00223620\u0022\u003A\u0022Air\u0020Greenland\u0022,\u00223621\u0022\u003A\u0022Azimuth\u0020Airlines\u0022,\u00223622\u0022\u003A\u0022Ecuatoriana\u0022,\u00223623\u0022\u003A\u0022Goodyear\u0022,\u00223624\u0022\u003A\u0022Mexicana\u0020de\u0020Aviacion\u0022,\u00223625\u0022\u003A\u0022Vnukovo\u0020Airlines\u0022,\u00223629\u0022\u003A\u0022Keikyu\u0020Corporation\u0022,\u00223630\u0022\u003A\u0022Nickel\u0020Plate\u0020Road\u0022,\u00223631\u0022\u003A\u0022Cargonet\u0022,\u00223632\u0022\u003A\u0022SKPL\u0022,\u00223633\u0022\u003A\u0022Tramesa\u0022,\u00223634\u0022\u003A\u0022Anglia\u0022,\u00223637\u0022\u003A\u0022Fragonset\u0022,\u00223643\u0022\u003A\u0022Marklin\u0022,\u00223644\u0022\u003A\u0022Aero\u0020Transporti\u0020Italiani\u0022,\u00223645\u0022\u003A\u0022Aerolineas\u0020Argentinas\u0022,\u00223646\u0022\u003A\u0022Bamboo\u0020Airways\u0022,\u00223647\u0022\u003A\u0022Binter\u0020Canarias\u0022,\u00223648\u0022\u003A\u0022Continental\u0020Express\u0022,\u00223649\u0022\u003A\u0022Fly\u0020Dubai\u0022,\u00223650\u0022\u003A\u0022Middle\u0020Eastern\u0020Airlines\u0022,\u00223659\u0022\u003A\u0022Esso\u0022,\u00223660\u0022\u003A\u0022Loram\u0022,\u00223661\u0022\u003A\u0022RCS\u0022,\u00223662\u0022\u003A\u0022The\u0020Beatles\u0022,\u00223665\u0022\u003A\u0022AGIP\u0022,\u00223666\u0022\u003A\u0022Rail\u0020Cargo\u0020Italia\u0022,\u00223667\u0022\u003A\u0022RN\u0022,\u00223668\u0022\u003A\u0022Caledonian\u0020Sleeper\u0022,\u00223670\u0022\u003A\u0022Harry\u0020Needle\u0022,\u00223671\u0022\u003A\u0022Welsh\u0020Highland\u0020Railway\u0022,\u00223672\u0022\u003A\u0022Tourax\u0022,\u00223673\u0022\u003A\u0022Transport\u0020for\u0020Wales\u0022,\u00223676\u0022\u003A\u0022Czech\u0020Republic\u0022,\u00223680\u0022\u003A\u0022SLB\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0022,\u00223681\u0022\u003A\u0022Boxxpress\u0022,\u00223682\u0022\u003A\u0022BTE\u0022,\u00223683\u0022\u003A\u0022CFR\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0022,\u00223684\u0022\u003A\u0022Grampetcargo\u0022,\u00223685\u0022\u003A\u0022Makies\u0022,\u00223686\u0022\u003A\u0022Pressnitzalbahn\u0022,\u00223687\u0022\u003A\u0022Ralpin\u0022,\u00223688\u0022\u003A\u0022TXL\u0022,\u00223689\u0022\u003A\u0022Thunderbirds\u0022,\u00223699\u0022\u003A\u0022BAM\u0020Rail\u0022,\u00223700\u0022\u003A\u0022CLIP\u0022,\u00223701\u0022\u003A\u0022Kombiverkur\u0022,\u00223702\u0022\u003A\u0022Pultrans\u0022,\u00223703\u0022\u003A\u0022Rail\u0020Cargo\u0020Hungary\u0022,\u00223704\u0022\u003A\u0022DWM\u0022,\u00223705\u0022\u003A\u0022DFB\u0022,\u00223707\u0022\u003A\u0022Saber\u0022,\u00223708\u0022\u003A\u0022SGL\u0022,\u00223709\u0022\u003A\u0022Aarsleff\u0020Rail\u0022,\u00223710\u0022\u003A\u0022AIXrail\u0022,\u00223711\u0022\u003A\u0022Armita\u0022,\u00223712\u0022\u003A\u0022Crossrail\u0022,\u00223713\u0022\u003A\u0022DC\u0020Comics\u0022,\u00223714\u0022\u003A\u0022HF\u0020Wiebe\u0022,\u00223715\u0022\u003A\u0022MFD\u0020Rail\u0022,\u00223717\u0022\u003A\u0022Rush\u0020Rail\u0022,\u00223718\u0022\u003A\u0022Servizi\u0020Ferroviari\u0022,\u00223719\u0022\u003A\u0022TRW\u0022,\u00223720\u0022\u003A\u0022Kaluga\u0022,\u00223721\u0022\u003A\u0022NCTD\u0022,\u00223722\u0022\u003A\u0022Titfield\u0020Thunderbolt\u0022,\u00223724\u0022\u003A\u0022BC\u0020Rail\u0022,\u00223729\u0022\u003A\u0022Pennsylvania\u0020Railroad\u0022,\u00223731\u0022\u003A\u0022Antonov\u0020Air\u0022,\u00223732\u0022\u003A\u0022Balair\u0022,\u00223733\u0022\u003A\u0022British\u0020World\u0020Airlines\u0022,\u00223734\u0022\u003A\u0022Circus\u0020Krone\u0022,\u00223735\u0022\u003A\u0022Swiss\u0020International\u0020Air\u0020Lines\u0022,\u00223736\u0022\u003A\u0022Uganda\u0020Airlines\u0022,\u00223737\u0022\u003A\u0022US\u0020Air\u0020Force\u0022,\u00223738\u0022\u003A\u0022Western\u0020Global\u0020Airlines\u0022,\u00223742\u0022\u003A\u0022Swindon\u0020Thamesdown\u0022,\u00223745\u0022\u003A\u0022Fastline\u0020Freight\u0022,\u00223748\u0022\u003A\u0022SOEG\u0022,\u00223749\u0022\u003A\u0022Transrail\u0022,\u00223751\u0022\u003A\u0022England\u0022,\u00223754\u0022\u003A\u0022DB\u0020Netz\u0022,\u00223755\u0022\u003A\u0022Iwate\u0020Galaxy\u0020Railway\u0022,\u00223756\u0022\u003A\u0022Kyushu\u0020Railway\u0022,\u00223757\u0022\u003A\u0022Sersa\u0022,\u00223758\u0022\u003A\u0022Hanson\u0022,\u00223761\u0022\u003A\u0022Vermont\u0020Railway\u0022,\u00223765\u0022\u003A\u0022Archer\u0020Daniels\u0020Midland\u0022,\u00223767\u0022\u003A\u0022First\u0020Union\u0020Rail\u0022,\u00223768\u0022\u003A\u0022Tomahawk\u0020Railway\u0022,\u00223769\u0022\u003A\u0022Azerbaijan\u0020Airlines\u0022\u007D\u007D\u007D,\u0022type\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u0022897\u0022\u003A\u0022Coach\u0022,\u0022898\u0022\u003A\u0022Locomotive\u0022,\u0022899\u0022\u003A\u0022Starter\u0020Set\u0022,\u0022900\u0022\u003A\u0022Wagon\u0022,\u00221967\u0022\u003A\u0022Literature\u0022,\u00221968\u0022\u003A\u0022Modelling\u0020Materials\u0022,\u00221969\u0022\u003A\u0022Track\u0022,\u00221970\u0022\u003A\u0022Analogue\u0020Control\u0022,\u00221971\u0022\u003A\u0022Digital\u0020Control\u0022,\u00221972\u0022\u003A\u0022Electrics\u0022,\u00221973\u0022\u003A\u0022Figures\u0022,\u00221974\u0022\u003A\u0022Plastic\u0020Kits\u0022,\u00221975\u0022\u003A\u0022Point\u0020Control\u0022,\u00221976\u0022\u003A\u0022Radio\u0020Control\u0022,\u00221977\u0022\u003A\u0022Scenics\u0022,\u00221978\u0022\u003A\u0022Slot\u0020Cars\u0022,\u00221979\u0022\u003A\u0022Spare\u0020Parts\u0022,\u00221980\u0022\u003A\u0022Vehicles\u0022,\u00221981\u0022\u003A\u0022Wargaming\u0022,\u00222131\u0022\u003A\u0022Air\u0022,\u00223965\u0022\u003A\u0022Merchandise\u0022,\u00223966\u0022\u003A\u0022Vehicle\u0022,\u00224002\u0022\u003A\u0022Model\u0020Kits\u0022,\u00224014\u0022\u003A\u0022BuildingsEnvironment\u0022,\u00224287\u0022\u003A\u0022Tools\u0022\u007D\u007D\u007D,\u0022scale\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u0022370\u0022\u003A\u0022Gauge\u00201\u0022,\u0022371\u0022\u003A\u00221\u003A10\u0020Scale\u0022,\u0022372\u0022\u003A\u00221\u003A100\u0020Scale\u0022,\u0022373\u0022\u003A\u00221\u003A1000\u0020Scale\u0022,\u0022374\u0022\u003A\u00221\u003A108\u0020Scale\u0022,\u0022375\u0022\u003A\u00221\u003A110\u0020Scale\u0022,\u0022376\u0022\u003A\u00221\u003A118\u0020Scale\u0022,\u0022377\u0022\u003A\u00221\u003A12\u0020Scale\u0022,\u0022378\u0022\u003A\u00221\u003A120\u0020Scale\u0022,\u0022379\u0022\u003A\u00221\u003A1200\u0020Scale\u0022,\u0022380\u0022\u003A\u00221\u003A125\u0020Scale\u0022,\u0022381\u0022\u003A\u00221\u003A130\u0020Scale\u0022,\u0022382\u0022\u003A\u00221\u003A132\u0020Scale\u0022,\u0022383\u0022\u003A\u00221\u003A140\u0020Scale\u0022,\u0022384\u0022\u003A\u00221\u003A144\u0020Scale\u0022,\u0022385\u0022\u003A\u00221\u003A15\u0020Scale\u0022,\u0022386\u0022\u003A\u00221\u003A150\u0020Scale\u0022,\u0022387\u0022\u003A\u00221\u003A16\u0020Scale\u0022,\u0022388\u0022\u003A\u00221\u003A1750\u0020Scale\u0022,\u0022389\u0022\u003A\u00221\u003A18\u0020Scale\u0022,\u0022390\u0022\u003A\u00221\u003A180\u0020Scale\u0022,\u0022391\u0022\u003A\u00221\u003A196\u0020Scale\u0022,\u0022392\u0022\u003A\u00221\u003A200\u0020Scale\u0022,\u0022393\u0022\u003A\u00221\u003A22\u0020Scale\u0022,\u0022394\u0022\u003A\u00221\u003A220\u0020Scale\u0022,\u0022395\u0022\u003A\u00221\u003A225\u0020Scale\u0022,\u0022396\u0022\u003A\u00221\u003A24\u0020Scale\u0022,\u0022397\u0022\u003A\u00221\u003A240\u0020Scale\u0022,\u0022398\u0022\u003A\u00221\u003A25\u0020Scale\u0022,\u0022399\u0022\u003A\u00221\u003A250\u0020Scale\u0022,\u0022400\u0022\u003A\u00221\u003A253\u0020Scale\u0022,\u0022401\u0022\u003A\u00221\u003A28\u0020Scale\u0022,\u0022402\u0022\u003A\u00221\u003A288\u0020Scale\u0022,\u0022403\u0022\u003A\u00221\u003A32\u0020Scale\u0022,\u0022404\u0022\u003A\u00221\u003A320\u0020Scale\u0022,\u0022405\u0022\u003A\u00221\u003A35\u0020Scale\u0022,\u0022406\u0022\u003A\u00221\u003A350\u0020Scale\u0022,\u0022407\u0022\u003A\u00221\u003A36\u0020Scale\u0022,\u0022408\u0022\u003A\u00221\u003A380\u0020Scale\u0022,\u0022409\u0022\u003A\u00221\u003A390\u0020Scale\u0022,\u0022410\u0022\u003A\u00221\u003A4\u0020Scale\u0022,\u0022411\u0022\u003A\u00221\u003A40\u0020Scale\u0022,\u0022412\u0022\u003A\u00221\u003A400\u0020Scale\u0022,\u0022413\u0022\u003A\u00221\u003A426\u0020Scale\u0022,\u0022414\u0022\u003A\u00221\u003A43\u0020Scale\u0022,\u0022415\u0022\u003A\u00221\u003A450\u0020Scale\u0022,\u0022416\u0022\u003A\u00221\u003A460\u0020Scale\u0022,\u0022417\u0022\u003A\u00221\u003A471\u0020Scale\u0022,\u0022418\u0022\u003A\u00221\u003A48\u0020Scale\u0022,\u0022419\u0022\u003A\u00221\u003A50\u0020Scale\u0022,\u0022420\u0022\u003A\u00221\u003A500\u0020Scale\u0022,\u0022421\u0022\u003A\u00221\u003A530\u0020Scale\u0022,\u0022422\u0022\u003A\u00221\u003A535\u0020Scale\u0022,\u0022423\u0022\u003A\u00221\u003A54\u0020Scale\u0022,\u0022424\u0022\u003A\u00221\u003A542\u0020Scale\u0022,\u0022425\u0022\u003A\u00221\u003A570\u0020Scale\u0022,\u0022426\u0022\u003A\u00221\u003A60\u0020Scale\u0022,\u0022427\u0022\u003A\u00221\u003A600\u0020Scale\u0022,\u0022428\u0022\u003A\u00221\u003A64\u0020Scale\u0022,\u0022429\u0022\u003A\u00221\u003A69\u0020Scale\u0022,\u0022430\u0022\u003A\u00221\u003A700\u0020Scale\u0022,\u0022431\u0022\u003A\u00221\u003A72\u0020Scale\u0022,\u0022432\u0022\u003A\u00221\u003A720\u0020Scale\u0022,\u0022433\u0022\u003A\u00221\u003A76\u0020Scale\u0022,\u0022434\u0022\u003A\u00221\u003A77\u0020Scale\u0022,\u0022435\u0022\u003A\u00221\u003A78\u0020Scale\u0022,\u0022436\u0022\u003A\u00221\u003A8\u0020Scale\u0022,\u0022437\u0022\u003A\u00221\u003A80\u0020Scale\u0022,\u0022438\u0022\u003A\u00221\u003A87\u0020Scale\u0022,\u0022439\u0022\u003A\u00221\u003A9\u0020Scale\u0022,\u0022440\u0022\u003A\u00221\u003A90\u0020Scale\u0022,\u0022441\u0022\u003A\u00221\u003A96\u0020Scale\u0022,\u0022442\u0022\u003A\u0022G\u0020Scale\u0022,\u0022443\u0022\u003A\u0022HO\u0020Scale\u0022,\u0022444\u0022\u003A\u0022HOe\u0020Scale\u0022,\u0022445\u0022\u003A\u0022HOf\u0020Scale\u0022,\u0022446\u0022\u003A\u0022HOm\u0020Scale\u0022,\u0022447\u0022\u003A\u0022N\u0020Scale\u0022,\u0022448\u0022\u003A\u0022N\u002D6.5\u0020Gauge\u0022,\u0022449\u0022\u003A\u0022O\u0020Scale\u0022,\u0022450\u0022\u003A\u0022O\u002D16.5\u0020Scale\u0022,\u0022451\u0022\u003A\u0022On30\u0020Scale\u0022,\u0022452\u0022\u003A\u0022OO\u0020Scale\u0022,\u0022453\u0022\u003A\u0022OO9\u0020Scale\u0022,\u0022454\u0022\u003A\u0022Slot\u0020Cars\u0022,\u0022455\u0022\u003A\u0022SM32\u0020Scale\u0022,\u0022456\u0022\u003A\u0022T\u0020Gauge\u0022,\u0022457\u0022\u003A\u0022TT\u0020Scale\u0022,\u0022458\u0022\u003A\u0022Wargaming\u0020Scale\u0022,\u0022459\u0022\u003A\u0022Z\u0020Scale\u0022,\u00222000\u0022\u003A\u00221\u003A148\u0020Scale\u0022,\u00222001\u0022\u003A\u00221\u003A160\u0020Scale\u0022,\u00222002\u0022\u003A\u00221\u003A172\u0020Scale\u0022,\u00222003\u0022\u003A\u002228mm\u0020Scale\u0022,\u00222004\u0022\u003A\u0022Multi\u0020Scale\u0022,\u00222233\u0022\u003A\u00221\u003A109\u0020Scale\u0022,\u00222234\u0022\u003A\u00221\u003A112\u0020Scale\u0022,\u00222235\u0022\u003A\u00221\u003A121\u0020Scale\u0022,\u00222236\u0022\u003A\u00221\u003A12300\u0020Scale\u0022,\u00222237\u0022\u003A\u00221\u003A142\u0020Scale\u0022,\u00222238\u0022\u003A\u00221\u003A146\u0020Scale\u0022,\u00222239\u0022\u003A\u00221\u003A20\u0020Scale\u0022,\u00222240\u0022\u003A\u00221\u003A241\u0020Scale\u0022,\u00222241\u0022\u003A\u00221\u003A257\u0020Scale\u0022,\u00222242\u0022\u003A\u00221\u003A2700\u0020Scale\u0022,\u00222243\u0022\u003A\u00221\u003A29\u0020Scale\u0022,\u00222244\u0022\u003A\u00221\u003A4000\u0020Scale\u0022,\u00222245\u0022\u003A\u00221\u003A52\u0020Scale\u0022,\u00222246\u0022\u003A\u00221\u003A53\u0020Scale\u0022,\u00222247\u0022\u003A\u00221\u003A58\u0020Scale\u0022,\u00222248\u0022\u003A\u00221\u003A6\u0020Scale\u0022,\u00222249\u0022\u003A\u00221\u003A83\u0020Scale\u0022,\u00222250\u0022\u003A\u00221\u003A93\u0020Scale\u0022,\u00222251\u0022\u003A\u0022HOn3\u0020Scale\u0022,\u00222252\u0022\u003A\u0022On3\u0020Scale\u0022,\u00222253\u0022\u003A\u0022S\u0020Scale\u0022,\u00222457\u0022\u003A\u00221\u003A22.5\u0020Scale\u0022,\u00223642\u0022\u003A\u00221\u003A45\u0020Scale\u0022\u007D\u007D\u007D,\u0022manufacturer\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u0022150\u0022\u003A\u0022Airfix\u0022,\u0022151\u0022\u003A\u0022Altai\u0022,\u0022152\u0022\u003A\u0022Antex\u0022,\u0022153\u0022\u003A\u0022Aristocraft\u0022,\u0022154\u0022\u003A\u0022Arnold\u0022,\u0022155\u0022\u003A\u0022Arnold\u005C\u002F\u0020Jouef\u005C\u002F\u0020Lima\u005C\u002F\u0020Rivarossi\u0022,\u0022156\u0022\u003A\u0022Athearn\u0022,\u0022157\u0022\u003A\u0022Atlas\u0022,\u0022158\u0022\u003A\u0022Avant\u0020Slot\u0022,\u0022159\u0022\u003A\u0022Bachmann\u0022,\u0022160\u0022\u003A\u0022Bassett\u002DLowke\u0022,\u0022161\u0022\u003A\u0022Berko\u0022,\u0022162\u0022\u003A\u0022BOM\u0022,\u0022163\u0022\u003A\u0022Branch\u0020Line\u0020Video\u0022,\u0022164\u0022\u003A\u0022Brawa\u0022,\u0022165\u0022\u003A\u0022BRM\u0022,\u0022166\u0022\u003A\u0022Bum\u0020Slot\u0022,\u0022167\u0022\u003A\u0022Busch\u0022,\u0022168\u0022\u003A\u0022Cararama\u0022,\u0022169\u0022\u003A\u0022Carrera\u0022,\u0022170\u0022\u003A\u0022Cartrix\u0022,\u0022171\u0022\u003A\u0022Catarpillar\u0022,\u0022172\u0022\u003A\u0022Classix\u0022,\u0022173\u0022\u003A\u0022Components\u0022,\u0022174\u0022\u003A\u0022Coopercraft\u0022,\u0022175\u0022\u003A\u0022Corgi\u0022,\u0022176\u0022\u003A\u0022Dapol\u0022,\u0022177\u0022\u003A\u0022DCC\u0020Concepts\u0022,\u0022178\u0022\u003A\u0022DCCconcepts\u0022,\u0022179\u0022\u003A\u0022Deluxe\u0020Materials\u0022,\u0022180\u0022\u003A\u0022DJ\u0020Models\u0022,\u0022181\u0022\u003A\u0022DM\u0020Toys\u0022,\u0022182\u0022\u003A\u0022Dornaplas\u0022,\u0022183\u0022\u003A\u0022Dundas\u0020Models\u0022,\u0022184\u0022\u003A\u0022Eckon\u0022,\u0022185\u0022\u003A\u0022EFE\u0022,\u0022186\u0022\u003A\u0022Electrotren\u0022,\u0022187\u0022\u003A\u0022Electrotren\u0020\u0028by\u0020Lemke\u0029\u0022,\u0022188\u0022\u003A\u0022Eurographics\u0020Jigsaws\u0022,\u0022189\u0022\u003A\u0022Expo\u0022,\u0022190\u0022\u003A\u0022Faller\u0022,\u0022191\u0022\u003A\u0022Fleischmann\u0022,\u0022192\u0022\u003A\u0022Fly\u0020Car\u0020Model\u0022,\u0022193\u0022\u003A\u0022FlySlot\u0022,\u0022194\u0022\u003A\u0022Flyslot\u0020Cars\u0022,\u0022195\u0022\u003A\u0022frantonics\u0022,\u0022196\u0022\u003A\u0022Freight\u0022,\u0022197\u0022\u003A\u0022Gaugemaster\u0022,\u0022198\u0022\u003A\u0022Gaugemaster\u0020Lighting\u0022,\u0022200\u0022\u003A\u0022Golden\u0020Valley\u0020Hobbies\u0022,\u0022201\u0022\u003A\u0022Graham\u0020Farish\u0022,\u0022202\u0022\u003A\u0022Harburn\u0020Hamlet\u0022,\u0022203\u0022\u003A\u0022Harburn\u0020Hanlet\u0022,\u0022204\u0022\u003A\u0022Heavy\u0020Duty\u0022,\u0022205\u0022\u003A\u0022Heljan\u0022,\u0022206\u0022\u003A\u0022Herpa\u0022,\u0022207\u0022\u003A\u0022HMRS\u0022,\u0022208\u0022\u003A\u0022Hobbytrain\u0022,\u0022209\u0022\u003A\u0022Hobbytrain\u0020\u0028by\u0020Lemke\u0029\u0022,\u0022210\u0022\u003A\u0022Hornby\u0022,\u0022211\u0022\u003A\u0022Hubner\u0022,\u0022212\u0022\u003A\u0022Humbrol\u0022,\u0022213\u0022\u003A\u0022Ian\u0020Allan\u0020Publishing\u0022,\u0022214\u0022\u003A\u0022Jagerndorfer\u0022,\u0022215\u0022\u003A\u0022Jordan\u0022,\u0022216\u0022\u003A\u0022Jouef\u0022,\u0022217\u0022\u003A\u0022Kadee\u0022,\u0022218\u0022\u003A\u0022Kato\u0022,\u0022219\u0022\u003A\u0022Kato\u0020\u0028British\u0029\u0022,\u0022220\u0022\u003A\u0022Kato\u0020\u0028by\u0020Lemke\u0029\u0022,\u0022221\u0022\u003A\u0022Kato\u0020\u0028by\u0020Noch\u0029\u0022,\u0022222\u0022\u003A\u0022Kato\u0020\u0028Japan\u0029\u0022,\u0022223\u0022\u003A\u0022Kato\u0020\u0028USA\u0029\u0022,\u0022224\u0022\u003A\u0022Kato\u005C\u002F\u0020Hobbytrain\u005C\u002F\u0020Minis\u005C\u002F\u0020Lemke\u0022,\u0022225\u0022\u003A\u0022Kestrel\u0022,\u0022226\u0022\u003A\u0022Key\u0020Publishing\u0022,\u0022227\u0022\u003A\u0022Kibri\u0022,\u0022228\u0022\u003A\u0022Kid\u0020Racers\u0022,\u0022229\u0022\u003A\u0022KK\u0020Eishindo\u0022,\u0022230\u0022\u003A\u0022Knightwing\u0022,\u0022231\u0022\u003A\u0022Langley\u0022,\u0022232\u0022\u003A\u0022Le\u0020Mans\u0020Miniatures\u0022,\u0022234\u0022\u003A\u0022Lemke\u0020Collection\u0022,\u0022235\u0022\u003A\u0022LGB\u0022,\u0022236\u0022\u003A\u0022Lifelike\u0022,\u0022237\u0022\u003A\u0022Lifelike\u0020Road\u0020Racing\u0022,\u0022238\u0022\u003A\u0022Lightcraft\u0022,\u0022239\u0022\u003A\u0022Lima\u0022,\u0022240\u0022\u003A\u0022Lionheart\u0022,\u0022241\u0022\u003A\u0022Magazines\u005C\u002FBooks\u0022,\u0022242\u0022\u003A\u0022Mailcoach\u0022,\u0022243\u0022\u003A\u0022Marklin\u0022,\u0022244\u0022\u003A\u0022Mashima\u0022,\u0022245\u0022\u003A\u0022Mehano\u0022,\u0022246\u0022\u003A\u0022Mehano\u0020\u0028by\u0020Lemke\u0029\u0022,\u0022247\u0022\u003A\u0022Metcalfe\u0022,\u0022248\u0022\u003A\u0022Micro\u0020Scalextric\u0022,\u0022249\u0022\u003A\u0022Middleton\u0020Press\u0022,\u0022250\u0022\u003A\u0022MiNis\u0022,\u0022251\u0022\u003A\u0022Minis\u0020\u0028by\u0020Lemke\u0029\u0022,\u0022252\u0022\u003A\u0022Minitanks\u0022,\u0022253\u0022\u003A\u0022Minitrains\u0022,\u0022254\u0022\u003A\u0022Minitrix\u0022,\u0022255\u0022\u003A\u0022MKD\u0022,\u0022256\u0022\u003A\u0022Model\u0020Power\u0022,\u0022257\u0022\u003A\u0022Model\u0020Scene\u0022,\u0022258\u0022\u003A\u0022Modelcraft\u0022,\u0022259\u0022\u003A\u0022Modelscene\u0022,\u0022260\u0022\u003A\u0022MRC\u0022,\u0022261\u0022\u003A\u0022Nbots\u0022,\u0022262\u0022\u003A\u0022Next\u0020Generation\u0022,\u0022263\u0022\u003A\u0022Ninco\u0022,\u0022264\u0022\u003A\u0022Ninco\u0020Hobby\u0022,\u0022265\u0022\u003A\u0022Ninco\u0020Racers\u0022,\u0022267\u0022\u003A\u0022Ninco\u0020Tecnic\u0022,\u0022268\u0022\u003A\u0022Ninco4RC\u0022,\u0022269\u0022\u003A\u0022Nincoair\u0022,\u0022270\u0022\u003A\u0022Nincoair\u0020Helis\u0022,\u0022271\u0022\u003A\u0022Nincoair\u0020Planes\u0022,\u0022272\u0022\u003A\u0022Nincocean\u0022,\u0022273\u0022\u003A\u0022Noch\u0022,\u0022274\u0022\u003A\u0022NSR\u0022,\u0022275\u0022\u003A\u0022Oxford\u0020Aviation\u0022,\u0022276\u0022\u003A\u0022Oxford\u0020Diecast\u0022,\u0022277\u0022\u003A\u0022Oxford\u0020Rail\u0022,\u0022278\u0022\u003A\u0022Oxford\u0020Structures\u0022,\u0022279\u0022\u003A\u0022PanPastel\u0022,\u0022280\u0022\u003A\u0022Park\u0020Racers\u0022,\u0022281\u0022\u003A\u0022Parkracers\u0022,\u0022282\u0022\u003A\u0022Parkside\u0020Dundas\u0022,\u0022283\u0022\u003A\u0022Peco\u0022,\u0022284\u0022\u003A\u0022Piko\u0022,\u0022285\u0022\u003A\u0022Piko\u0020\u0028France\u0029\u0022,\u0022286\u0022\u003A\u0022Pink\u0020Kar\u0022,\u0022287\u0022\u003A\u0022Plastruct\u0022,\u0022288\u0022\u003A\u0022Pocher\u0022,\u0022289\u0022\u003A\u0022Pola\u0022,\u0022290\u0022\u003A\u0022Polar\u0020Lights\u0022,\u0022291\u0022\u003A\u0022Policar\u0022,\u0022292\u0022\u003A\u0022Preiser\u0022,\u0022293\u0022\u003A\u0022Proses\u0022,\u0022294\u0022\u003A\u0022Publications\u0022,\u0022295\u0022\u003A\u0022Racer\u0022,\u0022296\u0022\u003A\u0022Railmatch\u0022,\u0022297\u0022\u003A\u0022Rapido\u0020Trains\u0022,\u0022298\u0022\u003A\u0022Ratio\u0022,\u0022299\u0022\u003A\u0022Red\u0020Panda\u0022,\u0022300\u0022\u003A\u0022Revell\u0022,\u0022301\u0022\u003A\u0022Rivarossi\u0022,\u0022302\u0022\u003A\u0022Road\u0020Signature\u0022,\u0022303\u0022\u003A\u0022Roco\u0022,\u0022304\u0022\u003A\u0022Rokuhan\u0022,\u0022305\u0022\u003A\u0022Rotacraft\u0022,\u0022306\u0022\u003A\u0022Scalextric\u0022,\u0022307\u0022\u003A\u0022Scenix\u0022,\u0022308\u0022\u003A\u0022SCX\u0022,\u0022309\u0022\u003A\u0022Seep\u0022,\u0022310\u0022\u003A\u0022Seuthe\u0022,\u0022311\u0022\u003A\u0022Shesto\u0022,\u0022312\u0022\u003A\u0022Sideways\u0022,\u0022313\u0022\u003A\u0022Sideways\u0020\u0028by\u0020Racer\u0029\u0022,\u0022314\u0022\u003A\u0022Siku\u0022,\u0022315\u0022\u003A\u0022Silver\u0020Link\u0022,\u0022316\u0022\u003A\u0022Slaters\u0022,\u0022317\u0022\u003A\u0022Slot\u0020It\u0022,\u0022318\u0022\u003A\u0022Slot\u0020Racing\u0020Company\u0022,\u0022319\u0022\u003A\u0022Slotwings\u0022,\u0022320\u0022\u003A\u0022Smiths\u0022,\u0022321\u0022\u003A\u0022Soldercraft\u0022,\u0022322\u0022\u003A\u0022Soundtraxx\u0022,\u0022323\u0022\u003A\u0022Spectrum\u0022,\u0022324\u0022\u003A\u0022SPEEDiss\u0022,\u0022325\u0022\u003A\u0022Spirit\u0022,\u0022326\u0022\u003A\u0022Spraycraft\u0022,\u0022327\u0022\u003A\u0022Springside\u0022,\u0022328\u0022\u003A\u0022Sundries\u0022,\u0022329\u0022\u003A\u0022Superquick\u0022,\u0022330\u0022\u003A\u0022Tamiya\u0022,\u0022331\u0022\u003A\u0022Thunderslot\u0022,\u0022332\u0022\u003A\u0022Tiny\u0020Signs\u0022,\u0022333\u0022\u003A\u0022Tomytec\u0022,\u0022334\u0022\u003A\u0022Tracksetta\u0022,\u0022335\u0022\u003A\u0022Train\u0020Tech\u0022,\u0022336\u0022\u003A\u0022TrainSave\u0022,\u0022337\u0022\u003A\u0022Triang\u0020Ships\u0022,\u0022338\u0022\u003A\u0022Trix\u0022,\u0022339\u0022\u003A\u0022Trix\u0020Express\u0022,\u0022340\u0022\u003A\u0022Trix\u0020HO\u0022,\u0022341\u0022\u003A\u0022Trix\u0020HO\u0020\u005C\u002F\u0020Minitrix\u0022,\u0022342\u0022\u003A\u0022Trix\u0020Spares\u0022,\u0022343\u0022\u003A\u0022Trix\u005C\u002F\u0020Minitrix\u0022,\u0022344\u0022\u003A\u0022Trix\u005C\u002FMinitrix\u0022,\u0022345\u0022\u003A\u0022Trumpeter\u0022,\u0022346\u0022\u003A\u0022Viessmann\u0022,\u0022347\u0022\u003A\u0022ViTrains\u0022,\u0022348\u0022\u003A\u0022Vollmer\u0022,\u0022349\u0022\u003A\u0022Vulcan\u0020Slot\u0022,\u0022350\u0022\u003A\u0022W\u0026T\u0022,\u0022352\u0022\u003A\u0022Walthers\u0022,\u0022354\u0022\u003A\u0022Walthers\u0020Cornerstone\u0022,\u0022355\u0022\u003A\u0022Walthers\u0020Mainline\u0022,\u0022356\u0022\u003A\u0022Walthers\u0020N\u0022,\u0022357\u0022\u003A\u0022Walthers\u0020Proto\u0022,\u0022358\u0022\u003A\u0022Walthers\u0020Scenemaster\u0022,\u0022359\u0022\u003A\u0022Walthers\u0020Track\u0022,\u0022360\u0022\u003A\u0022Walthers\u0020Trainline\u0022,\u0022361\u0022\u003A\u0022Warner\u0020Group\u0022,\u0022362\u0022\u003A\u0022Warners\u0022,\u0022363\u0022\u003A\u0022wiking\u0022,\u0022364\u0022\u003A\u0022Wills\u0022,\u0022365\u0022\u003A\u0022Wills\u005C\u002F\u0020Ratio\u0022,\u0022366\u0022\u003A\u0022Xuron\u0022,\u0022367\u0022\u003A\u0022Z21\u0022,\u0022368\u0022\u003A\u0022Ziterdes\u0022,\u0022369\u0022\u003A\u0022Zvesda\u0022,\u0022773\u0022\u003A\u0022Parkside\u0020Models\u0022,\u00221509\u0022\u003A\u0022Conflix\u0022,\u00221510\u0022\u003A\u0022GM\u0020Collection\u0022,\u00221511\u0022\u003A\u0022Hornby\u0020International\u0022,\u00221512\u0022\u003A\u0022Life\u002DLike\u0022,\u00223540\u0022\u003A\u0022TSM\u0022,\u00223541\u0022\u003A\u0022StartScaleModels\u0022,\u00223542\u0022\u003A\u0022Class\u0022,\u00223584\u0022\u003A\u0022Claas\u0022,\u00223743\u0022\u003A\u0022Italeri\u0022,\u00223744\u0022\u003A\u0022Accurascale\u0022,\u00223762\u0022\u003A\u0022SSM\u0022,\u00223764\u0022\u003A\u0022Legrand\u0022,\u00223817\u0022\u003A\u0022Modellbahn\u0020Union\u0022,\u00223822\u0022\u003A\u0022Rock\u0020Island\u0020Hobby\u0022,\u00223831\u0022\u003A\u0022AIP\u0022,\u00223863\u0022\u003A\u0022Greenlight\u0022,\u00223865\u0022\u003A\u0022Greenlight\u0020Collectibles\u0022,\u00223888\u0022\u003A\u0022Aviation\u0020Toys\u0022,\u00223909\u0022\u003A\u0022ATD\u0020Models\u0022,\u00223917\u0022\u003A\u0022Hornby\u0020TT\u003A120\u0022,\u00223924\u0022\u003A\u0022MBS\u0022,\u00223939\u0022\u003A\u0022Belkits\u0022,\u00223969\u0022\u003A\u0022EFE\u0020Rail\u0022,\u00223974\u0022\u003A\u0022Atlas\u0020Editions\u0022,\u00223999\u0022\u003A\u0022Reobrix\u0022,\u00224001\u0022\u003A\u0022Heller\u0022,\u00224201\u0022\u003A\u0022Atlas\u0020Spares\u0022,\u00224202\u0022\u003A\u0022Fleischmann\u0020Spares\u0022,\u00224203\u0022\u003A\u0022Heljan\u0020Spares\u0022,\u00224204\u0022\u003A\u0022Hobbytrain\u0020Spares\u0022,\u00224205\u0022\u003A\u0022Marklin\u0020Spares\u0022,\u00224206\u0022\u003A\u0022Minitrix\u0020Spares\u0022,\u00224207\u0022\u003A\u0022Piko\u0020Spares\u0022,\u00224208\u0022\u003A\u0022Roco\u0020Spares\u0022,\u00224211\u0022\u003A\u0022Kato\u0020Spares\u0022,\u00224240\u0022\u003A\u0022Merten\u0022\u007D\u007D\u007D,\u0022cstock_status\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u00224012\u0022\u003A\u0022In\u0020Stock\u0022,\u00224013\u0022\u003A\u0022Out\u0020Of\u0020Stock\u0022\u007D\u007D\u007D,\u0022am_on_sale\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u005B\u00220\u0022,\u00221\u0022\u005D\u007D\u007D,\u0022am_is_new\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u005B\u00220\u0022,\u00221\u0022\u005D\u007D\u007D,\u0022rating_summary\u0022\u003A\u007B\u0022options\u0022\u003A\u007B\u0022admin\u0022\u003A\u007B\u00221\u0022\u003A\u00221\u0022,\u00222\u0022\u003A\u00222\u0022,\u00223\u0022\u003A\u00223\u0022,\u00224\u0022\u003A\u00224\u0022,\u00225\u0022\u003A\u00225\u0022,\u00226\u0022\u003A\u00226\u0022\u007D\u007D\u007D\u007D";
    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>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        if (document.querySelectorAll('.amshopby-slider-wrapper').length === 0) {
            return;
        }
        if (window._amNoUiSliderLoaded) {
            return;
        }
        // load nouiSlider
        const script = document.createElement('script');
        script.src = 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Amasty_ShopbyHyvaCompatibility/js/nouislider.min.js';
        script.async = true;
        document.body.appendChild(script);

        window._amNoUiSliderLoaded = true;

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

        const styles = document.createElement('link');
        styles.rel = 'stylesheet';
        styles.href = 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Amasty_ShopbyHyvaCompatibility/css/nouislider.min.css';
        document.head.appendChild(styles);
    });
</script>
</div><aside class="sidebar sidebar-additional">
<script>
function compareSidebarFetchHandler(postUrl, postHeaders, isSingleItem = true) {
    const messages = {
        "success": isSingleItem
            ? "You removed product Product from the comparison list"
            : "You removed all products from the comparison list",
        "warning": isSingleItem
            ? "Could not remove item from compare."
            : "Could not remove all item from compare.",
    }

    return fetch(postUrl, postHeaders).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: messages.warning }], 5000
            );
        }
    }).then(function (response) {
        if (!response) return;
        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
            [{
                type: (response.success) ? "success" : "error",
                text: (response.success) ? messages.success : response.error_message
            }], 5000
        );
        let reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
        window.dispatchEvent(reloadCustomerDataEvent);
    }).catch(function (error) {
        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
            [{ type: "error", text: error }], 5000
        );
    });
}

function initCompareOnCompareSidebar() {
    return {
        compareProducts: null,
        itemCount: 0,
        compareItems: {},
        receiveCompareData: function (data) {
            if (data['compare-products']) {
                this.compareProducts = data['compare-products'];
                this.itemCount = this.compareProducts.count;
                this.compareItems = this.compareProducts.items;
            }
        },
        removeFromCompare: function(productId) {
            const formKey = hyva.getFormKey();
            const postUrl = BASE_URL + 'catalog/product_compare/remove/';
            const confirmMessage = "Are you sure you want to remove this item from your Compare Products list?";
            if (!window.confirm(confirmMessage)) return;
            const postHeaders = {
                "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"
            };

            compareSidebarFetchHandler(postUrl, postHeaders);
        }
    }
}

function initCompareSidebarClear() {
    return {
        clearCompare: function() {
            const formKey = hyva.getFormKey();
            const postUrl = BASE_URL + 'catalog/product_compare/clear/';
            const confirmMessage = "Are you sure you want to remove all items from your Compare Products list?";
            if (!window.confirm(confirmMessage)) return;
            const postHeaders = {
                "headers": {
                    "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                },
                "body": "form_key=" + formKey + "&uenc=" + hyva.getUenc(),
                "method": "POST",
                "mode": "cors",
                "credentials": "include"
            };

            compareSidebarFetchHandler(postUrl, postHeaders, isSingleItem = false);
        }
    }
}
</script>

<div x-data="initCompareOnCompareSidebar()"
     @private-content-loaded.window="receiveCompareData($event.detail.data)"
     class="compare-widget"
>
    <template x-if="itemCount">
        <div class="mt-8">
            <h2 class="border-t border-container mb-6 pt-5 text-primary font-semibold text-lg"
                id="compare-sidebar"
            >
                Compare Products            </h2>
            <ul class="my-4" aria-labelledby="compare-sidebar">
                <template x-for="product in compareItems">
                    <li class="flex items-start mb-4">
                        <a
                            :href="product.product_url"
                            class="block mb-3 w-10 h-10 shrink-0 mr-4"
                            aria-hidden="true"
                            tabindex="-1"
                        >
                            <img
                                :src="product.image"
                                alt=""
                                loading="lazy"
                            >
                        </a>
                        <strong class="mr-2 text-sm leading-6 font-normal">
                            <a :href="product.product_url" :title="product.name" x-html="product.name"></a>
                        </strong>
                        <button
                            type="button"
                            @click.prevent="removeFromCompare(product.id)"
                            :aria-label="hyva.str('Remove\u0020product\u0020\u0022\u00251\u0022\u0020from\u0020the\u0020comparison', product.name)"
                            class="p-1 inline-flex shrink-0 items-center justify-center text-gray-500
                                   hover:text-primary ml-auto"
                        >
                            <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="M6 18L18 6M6 6l12 12"/>
</svg>
                        </button>
                    </li>
                </template>
            </ul>
            <div class="flex flex-wrap items-center md:mt-5 space-x-4 text-sm">
                <a href="https://www.gaugemasterretail.com/catalog/product_compare/index/"
                    title="Compare&#x20;Products"
                    class="btn btn-secondary px-4 text-sm">
                    <span>Compare</span>
                </a>
                <button x-data="initCompareSidebarClear()"
                    @click.prevent="clearCompare()"
                    aria-label="Remove&#x20;all&#x20;Products"
                    class="p-1 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-primary ml-auto">
                    <span>Clear all</span>
                </button>
            </div>
        </div>
    </template>
</div>

    <script>
        function initWishlistOnWishlistSidebar() {
            function wishlistSidebarFetchHandler(body, postUrl, isRemoveAction = true) {
                const messages = {
                    "success": isRemoveAction
                        ? "\u00251\u0020has\u0020been\u0020removed\u0020from\u0020your\u0020Wish\u0020List."
                        : "\u00251\u0020has\u0020been\u0020added\u0020to\u0020your\u0020Wish\u0020List.",
                    "warning": isRemoveAction
                        ? "Could\u0020not\u0020remove\u0020item\u0020from\u0020your\u0020Wish\u0020List."
                        : "Could\u0020not\u0020add\u0020item\u0020to\u0020your\u0020Wish\u0020List.",
                }

                const postHeaders = {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    body: body,
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                };

                return fetch(postUrl, postHeaders).then(function (response) {
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else if (response.ok) {
                        return response.json();
                    } else {
                        const message = { type: "warning", text: messages.warning };
                        window.dispatchMessages && window.dispatchMessages([message], 5000);
                    }
                }).then(function (response) {
                    if (!response) return;
                    const message = {
                        type: (response.success) ? "success" : "error",
                        text: (response.success) ? messages.success : response.error_message
                    }
                    window.dispatchMessages && window.dispatchMessages([message], 5000);
                    window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
                }).catch(function (error) {
                    const message = { type: "error", text: error };
                    window.dispatchMessages && window.dispatchMessages([message], 5000);
                });
            }

            return {
                wishlistProducts: null,
                itemCount: 0,
                wishlistCountLabel: null,
                wishlistItems: {},
                receiveWishlistData: function (data) {
                    if (data['wishlist']) {
                        this.wishlistProducts = data['wishlist'];
                        this.wishlistCountLabel = '(' + this.wishlistProducts.counter + ')';
                        this.itemCount = this.wishlistProducts.items.length;
                        this.wishlistItems = this.wishlistProducts.items;
                    }
                },
                addToCart: function (json) {
                    const obj = JSON.parse(json);
                    const postUrl = obj.action;
                    const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item + "&qty=" + obj.data.qty + "&uenc=" + hyva.getUenc();
                    wishlistSidebarFetchHandler(body, postUrl, /* isRemoveAction */ false);
                },
                removeFromWishlist: function(json) {
                    const obj = JSON.parse(json);
                    const postUrl = obj.action;
                    const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item+"&uenc=" + hyva.getUenc();
                    wishlistSidebarFetchHandler(body, postUrl);
                }
            }
        }

    </script>

    <div x-data="initWishlistOnWishlistSidebar()"
         @private-content-loaded.window="receiveWishlistData($event.detail.data)"
         class="wishlist-widget"
    >
        <template x-if="itemCount">
            <div class="mt-8">
                <h2 class="border-t border-container mb-6 pt-5" id="wishlist-sidebar">
                    <strong class="title text-black font-semibold text-lg">My Wish List</strong>
                    <span class="counter text-xs" x-html="wishlistCountLabel"></span>
                </h2>
                <ul class="my-4" aria-labelledby="wishlist-sidebar">
                    <template x-for="product in wishlistItems">
                        <li class="flex items-start mb-4">
                            <a
                                :href="product.product_url"
                                class="block mb-3 w-14 h-14 shrink-0 mr-4 shadow"
                                tabindex="-1"
                                aria-hidden="true"
                            >
                                <img
                                    :src="product.image.src"
                                    alt=""
                                    loading="lazy"
                                >
                            </a>
                            <div class="product-item-details">
                                <strong class="mr-2 text-sm leading-6 font-normal font-semibold">
                                    <a :href="product.product_url" :title="product.product_name" x-html="product.product_name"></a>
                                </strong>
                                <div class="mr-2 text-sm leading-6 font-bold" x-html="product.product_price"></div>
                                <template x-if="product.product_is_saleable_and_visible">
                                    <div class="actions-primary my-2">
                                        <template x-if="!product.product_has_required_options">
                                            <button
                                                type="button"
                                                @click.prevent="addToCart(product.add_to_cart_params)"
                                                class="action px-10 py-2 bg-primaryNew hover:bg-secondaryNew font-semibold text-white rounded-full text-sm"
                                                :aria-label="hyva.str('Add\u0020to\u0020Cart\u0020\u00251', product.product_name)"
                                                data-addto="cart"
                                            >
                                                Add to Basket                                            </button>
                                        </template>
                                    </div>
                                </template>
                            </div>
                            <button
                                type="button"
                                @click.prevent="removeFromWishlist(product.delete_item_params)"
                                :aria-label="hyva.str('Remove\u0020product\u0020\u0022\u00251\u0022\u0020from\u0020My\u0020Wish\u0020List', product.product_name)"
                                class="
                                    p-1 inline-flex shrink-0 items-center
                                    justify-center text-gray-500 hover:text-primary ml-auto bg-[#fcefe3] w-8 h-8 rounded-full
                                "
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 text-primaryNew" width="25" height="25" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                            </button>
                        </li>
                    </template>
                </ul>
                <div class="flex flex-wrap items-center md:mt-5 space-x-4 text-sm mb-8">
                    <a href="https://www.gaugemasterretail.com/wishlist/"
                       aria-label="Go&#x20;to&#x20;Wish&#x20;List&#x20;page"
                       class="px-4 text-sm text-black hover:text-primaryNew"
                    >
                        Go to Wish List                    </a>
                </div>
            </div>
        </template>
    </div>
</aside></div></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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

    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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

    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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

    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="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

	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 data-ommit="true" nonce="OHM0ODkyeWNoMjN6MXlscWJ6ejVhOTY5aHA4YXAxdWM=">

        var payload = {"ecommerce":{"item_list_id":"Trix","item_list_name":"Trix"},"event":"view_item_list"}; 

    	payload.ecommerce['currency'] = AEC.currencyCode;
    	payload.ecommerce['items'] = (function()
    	{
    		var items = [], trace = {};
    
    		document.querySelectorAll('[data-event=select_item]').forEach(element => 
    		{
    			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,
    				remarketingFacebookId: element.dataset.remarketingFacebookId,
    				remarketingAdwordsId:  element.dataset.remarketingAdwordsId,
    				google_business_vertical: 'retail',
    				dimension10: element.dataset['dimension10']
    			};

                Object.assign(entity, entity, AEC.GA4.transformCategories(element.dataset.category));

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

        	    if (!trace.hasOwnProperty(entity.item_id))
        	    {
            	    trace[entity.item_id] = true;
            	    
    				items.push(entity);
        	    }
        	});
    
    		return items;
    	})();

    	(function(payload, payload_max_size)
        {
    		var payloadSize = AEC.getPayloadSize(payload);
    		
    		if (payload_max_size > payloadSize)
    		{
    			AEC.CookieConsent.queue(() => 
    			{
        			AEC.Cookie.impressions(payload).push(dataLayer);
        			
    			}).process();
    
    			    			
    			dataLayerTransport.push(payload);
    		}
    		else 
    		{
    			var chunks = AEC.getPayloadChunks(payload.ecommerce.items, Math.ceil(payload.ecommerce.items.length/Math.ceil(payloadSize/payload_max_size)));
    
    			var lazyPush = function(chunks)
    			{
    				if (chunks.length)
    				{
    					var chunk = chunks.shift(), chunkPush = Object.assign({}, payload);
    
    					chunkPush['event'] 					= 'view_item_list';
    					chunkPush.ecommerce['items']  		= chunk;
    					chunkPush['eventCallback'] 			= (function(chunks)
    					{
    						return function()
    						{
    							lazyPush(chunks);
    						}
    					})(chunks);
    
    					(function(data)
    					{
    						AEC.Cookie.impressions(data).push(dataLayer);
    						
    					})(chunkPush);
    				}
    			};
    
    			/**
    			 * Call lazy push
    			 */
    			lazyPush(chunks);
    		}
    		
    	})(payload, 8192);
    
    
    	    	window.google_tag_params = window.google_tag_params || {};
    
    	window.google_tag_params.ecomm_pagetype = 'category';
    	window.google_tag_params.ecomm_category = "Trix";
    	window.google_tag_params.returnCustomer = false;
    	
    	    	    
    </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: "Category"
        });
        magentoStorefrontEvents.context.setContext("pageExtended", {
            action: "category-view"
        });
        magentoStorefrontEvents.context.setCategory({"name":"Trix","urlKey":"trix","urlPath":"brands\/trix"});
    });
</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":1750867468},"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>
<!-- Structured Data by outer/edge (https://outeredge.agency) -->
<script type="application/ld+json" id="structured-data">
{
    "@context": "https://schema.org/",
    "@type": "CollectionPage",
    "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"
        }
    }
        ,
    "mainEntity": {"@type":"ItemList","itemListElement":[{"@context":"https://schema.org/","@type":"ListItem","position":1,"url":"https://www.gaugemasterretail.com/trix-19703-trix-ho-catalogue-2024-and-25.html"},{"@context":"https://schema.org/","@type":"ListItem","position":2,"url":"https://www.gaugemasterretail.com/catalog/product/view/id/117388/s/trix-19713-trix-catalogue-2025-and-26/category/875/"},{"@context":"https://schema.org/","@type":"ListItem","position":3,"url":"https://www.gaugemasterretail.com/trix-21000-trix-ho-digital-starter-pack.html"},{"@context":"https://schema.org/","@type":"ListItem","position":4,"url":"https://www.gaugemasterretail.com/trix-21505-cd-rh380-electric-passenger-starter-set-vi.html"},{"@context":"https://schema.org/","@type":"ListItem","position":5,"url":"https://www.gaugemasterretail.com/trix-21531-dr-br74-steam-freight-starter-set-iii.html"},{"@context":"https://schema.org/","@type":"ListItem","position":6,"url":"https://www.gaugemasterretail.com/trix-22004-rrf-br189-091-2-electric-locomotive-vi.html"},{"@context":"https://schema.org/","@type":"ListItem","position":7,"url":"https://www.gaugemasterretail.com/trix-22186-zssk-rh381-002-5-electric-locomotive-vi.html"},{"@context":"https://schema.org/","@type":"ListItem","position":8,"url":"https://www.gaugemasterretail.com/trix-22198-db-br120-120-1-electric-locomotive-iv.html"},{"@context":"https://schema.org/","@type":"ListItem","position":9,"url":"https://www.gaugemasterretail.com/trix-22287-zssk-rh381-002-5-electric-locomotive-vi.html"},{"@context":"https://schema.org/","@type":"ListItem","position":10,"url":"https://www.gaugemasterretail.com/trix-22343-fs-g2000-vossloh-diesel-locomotive-vi.html"},{"@context":"https://schema.org/","@type":"ListItem","position":11,"url":"https://www.gaugemasterretail.com/trix-22368-servizi-ferroviari-v142-diesel-locomotive-v.html"},{"@context":"https://schema.org/","@type":"ListItem","position":12,"url":"https://www.gaugemasterretail.com/trix-22381-sncf-tgv-euroduplex-4-car-emu-vi.html"}]}        }
</script>
</div></body>
</html>
