<!DOCTYPE html>
<html
    lang="en"
    id="site-id-js"
    class=""
>
    <!--
       █████   ██████    █████████
      ░░███   ███░░███  ███░░░░░███
       ░███  ░░██████  ░███    ░░░
       ░███   ██████   ░░█████████
       ░███ ░███░░███   ░░░░░░░░███
 ███   ░███ ░███ ░░███  ███    ░███
░░████████  ░░█████░███░░█████████
 ░░░░░░░░    ░░░░░ ░░░  ░░░░░░░░░

  © J&S Accessories Ltd. - Made in Cheshire, UK.
  We're hiring developers, visit: https://jsaccessories.co.uk/careers
  -->
    <head>
        <meta charset="utf-8" />
        <title>Blog &amp; News | J&S Accessories</title>
        <link rel="preconnect" href="https://cdn.jsac.media" crossorigin />
        <link rel="preconnect" href="https://use.typekit.net" crossorigin />
        <link rel="preconnect" href="https://p.typekit.net" crossorigin />
        <link rel="preconnect" href="https://cdn-cookieyes.com" crossorigin />
        <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
        <link rel="dns-prefetch" href="https://www.gstatic.com" />
        <link rel="dns-prefetch" href="https://static.klaviyo.com" />
        <link rel="dns-prefetch" href="https://static-tracking.klaviyo.com" />
        <link rel="dns-prefetch" href="https://config.gorgias.chat" />
        <link rel="dns-prefetch" href="https://assets.gorgias.help" />
        <link rel="preload" as="style" href="https://use.typekit.net/zti6drf.css" />
        <link rel="stylesheet" href="https://use.typekit.net/zti6drf.css" />
                <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
        <meta name="permissions-policy" content="microphone=(self)" />

    <!-- Apple Touch Icons -->
        <link rel="apple-touch-icon" sizes="57x57" href="https://jsaccessories.co.uk/js-apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="https://jsaccessories.co.uk/js-apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="https://jsaccessories.co.uk/js-apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="https://jsaccessories.co.uk/js-apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="https://jsaccessories.co.uk/js-apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="https://jsaccessories.co.uk/js-apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="https://jsaccessories.co.uk/js-apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="https://jsaccessories.co.uk/js-apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="https://jsaccessories.co.uk/js-apple-icon-180x180.png">

        <!-- Android Icons -->
        <link rel="icon" type="image/png" sizes="192x192" href="https://jsaccessories.co.uk/js-android-icon-192x192.png">

        <!-- Favicons -->
        <link rel="icon" type="image/x-icon" href="https://jsaccessories.co.uk/js-favicon.ico">
        <link rel="icon" type="image/png" sizes="16x16" href="https://jsaccessories.co.uk/js-favicon-16x16.png">
        <link rel="icon" type="image/png" sizes="32x32" href="https://jsaccessories.co.uk/js-favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="https://jsaccessories.co.uk/js-favicon-96x96.png">
        <link rel="icon" type="image/svg+xml" href="https://jsaccessories.co.uk/js-favicon.svg">
        <link rel="shortcut icon" type="image/x-icon" href="https://jsaccessories.co.uk/js-favicon.ico">

        <!-- Microsoft Tiles -->
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="https://jsaccessories.co.uk/js-ms-icon-144x144.png">
        <!-- Other Icons -->
        <link rel="mask-icon" href="https://jsaccessories.co.uk/js-safari-pinned-tab.svg">

        <!-- Manifest -->
        <link rel="manifest" href="https://jsaccessories.co.uk/js-manifest.json">

        <!-- Meta Tags -->
        <meta name="apple-mobile-web-app-title" content="Blog &amp; News | J&S Accessories" />
        <meta name="theme-color" content="#ffffff" />

        
        
        <!-- Default Open Graph Tags (fallback for pages without specific includes) -->
        <meta property="og:type" content="website" />
        <meta property="og:site_name" content="J&amp;S Accessories" />
        <meta property="og:locale" content="en_GB" />
        <meta property="og:url" content="https://jsaccessories.co.uk/blog/feed" />
        <meta property="og:image" content="https://jsaccessories.co.uk/js-og-image.png" />
        <meta property="og:image:width" content="1200" />
        <meta property="og:image:height" content="630" />
        <meta property="og:image:alt" content="J&amp;S Accessories" />

        <link rel="canonical" href="https://jsaccessories.co.uk/blog/feed" />
        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
        <link rel="preload" as="style" href="https://jsaccessories.co.uk/build/assets/app-BF3dc9_Q.css" /><link rel="modulepreload" as="script" href="https://jsaccessories.co.uk/build/assets/app-ntcm2nIS.js" /><link rel="stylesheet" href="https://jsaccessories.co.uk/build/assets/app-BF3dc9_Q.css" data-navigate-track="reload" /><script type="module" src="https://jsaccessories.co.uk/build/assets/app-ntcm2nIS.js" data-navigate-track="reload"></script>        <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"J&S Accessories","url":"https://jsaccessories.co.uk","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://jsaccessories.co.uk/category/search?q={search_term_string}"},"query":"required name=search_term_string"}}</script>
        <script src="https://js.stripe.com/v3/"></script>
        <script>
            window.environment = 'production';
        </script>

        
    </head>
    
    <body
        class="site-id-js property-js font-js-default"
        onload="window.bodyLoaded('js')"
        x-data="{
        isMobileMenuFlyoutVisible: false,
        isMobileCartFlyoutVisible: false,
        isMobileFiltersFlyoutVisible: false,

        toggleMobileMenuFlyout() {
            var currentState = this.isMobileMenuFlyoutVisible;
            this.closeAllFlyouts();
            this.isMobileMenuFlyoutVisible = ! currentState;
        },
        toggleMobileCartFlyout() {
            var currentState = this.isMobileCartFlyoutVisible;
            this.closeAllFlyouts();
            this.isMobileCartFlyoutVisible = ! currentState;
        },
        toggleMobileFiltersFlyout() {
            var currentState = this.isMobileFiltersFlyoutVisible;
            this.closeAllFlyouts();
            this.isMobileFiltersFlyoutVisible = ! currentState;
        },
        closeAllFlyouts() {
            this.isMobileMenuFlyoutVisible = false;
            this.isMobileCartFlyoutVisible = false;
            this.isMobileFiltersFlyoutVisible = false;
        },
        closeEverything() {
            this.closeAllFlyouts();
        },
     }"
        x-on:keydown.prevent.escape="closeEverything()"
    >
            <header>
    
    <nav>
        <div
            class="hidden border-b border-gray-200 parent-black-friday:border-gray-700 parent-motocross:border-gray-700 xl:block"
        >
            <div class="container relative z-30 flex items-center gap-x-8 py-4">
                <div>
                    <a href="https://jsaccessories.co.uk" title="J&amp;S Accessories Homepage">
                        <img
                            src="https://cdn.jsac.media/property/logos/js.svg"
                            alt="J&amp;S Accessories"
                            width="135"
                        />
                    </a>
                </div>
                <div>
                    <ul class="flex justify-center gap-x-6">
                        <li class="group relative py-2">
                            <a
                                href="https://jsaccessories.co.uk/stores"
                                class="hover:text-brand-js-500 hover:underline parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500"
                            >
                                Stores
                            </a>
                            <div
                                class="absolute left-1/2 top-full z-10 hidden w-screen max-w-min -translate-x-1/2 px-4 group-hover:flex"
                            >
                                <div
                                    class="absolute z-10 h-[15px] w-[15px] rotate-45 bg-gray-100 shadow-lg"
                                    style="top: -7px; left: calc(50% - 7px)"
                                ></div>
                                <div
                                    class="relative z-20 w-56 shrink space-y-1 rounded-md bg-gray-100 p-4 font-semibold leading-6 text-gray-900 shadow-lg"
                                >
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/aberdeen"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Aberdeen
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/birmingham"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Birmingham
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/braintree"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Braintree
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/bristol"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Bristol
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/cardiff"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Cardiff
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/staverton"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Cheltenham &amp; Gloucester
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/doncaster"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Doncaster
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/edinburgh"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Edinburgh
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/eltham"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Eltham
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/farnborough"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Farnborough
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/finedon"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Finedon
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/hamilton"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Hamilton
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/leeds"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Leeds
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/leicester"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Leicester
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/preston"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Leyland
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/leyton"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Leyton
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/maidstone"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Maidstone
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/manchester"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Manchester
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/new-malden"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            New Malden
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/newcastle"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Newcastle
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/northwich"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Northwich
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/nottingham"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Nottingham
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/oxford"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Oxford
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/plymouth"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Plymouth
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/portsmouth"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Portsmouth
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/southampton"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Southampton
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/st-albans"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            St Albans
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/uckfield"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Uckfield
                                        </a>
                                                                            <a
                                            href="https://jsaccessories.co.uk/stores/wolverhampton"
                                            class="block hover:text-brand-js-600 parent-black-friday:hover:text-theme-black-friday"
                                        >
                                            Wolverhampton
                                        </a>
                                                                    </div>
                            </div>
                        </li>
                        <li class="group relative hidden py-2">
                            <span
                                class="hover:text-brand-js-500 hover:underline parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500"
                            >
                                Deals
                            </span>
                            <div
                                class="absolute left-1/2 top-full z-10 hidden w-screen max-w-min -translate-x-1/2 px-4 group-hover:flex"
                            >
                                <div
                                    class="absolute z-20 h-[15px] w-[15px] rotate-45 bg-gray-100 shadow-lg"
                                    style="top: -7px; left: calc(50% - 7px)"
                                ></div>
                                <div
                                    class="relative z-20 w-56 shrink space-y-1 rounded-md bg-gray-100 p-4 font-semibold leading-6 text-gray-900 shadow-lg"
                                >
                                    <a href="#" class="block hover:text-brand-js-600">Leather Weather 2023</a>
                                    <a href="#" class="block hover:text-brand-js-600">Winter Gloves</a>
                                    <a href="#" class="block hover:text-brand-js-600">Essential Bike Maintenance</a>
                                    <a href="#" class="block hover:text-brand-js-600">Essential Bike Security</a>
                                    <a href="#" class="block hover:text-brand-js-600">Summer Gear Sale</a>
                                </div>
                            </div>
                        </li>
                        <li class="py-2">
                            <a
                                href="https://jsaccessories.co.uk/customer-service"
                                class="hover:text-brand-js-500 hover:underline parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500"
                            >
                                Help
                            </a>
                        </li>
                        <li class="py-2">
                            <a
                                href="https://jsaccessories.co.uk/group/gift-vouchers"
                                class="hover:text-brand-js-500 hover:underline parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500"
                            >
                                Gift Vouchers
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="system:search-desktop flex-1 !px-16">
                    <form wire:snapshot="{&quot;data&quot;:{&quot;query&quot;:&quot;&quot;,&quot;results&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;hasResults&quot;:null,&quot;isInputFocused&quot;:false,&quot;inputId&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;AkPg9Rxbw7NLyIshykUT&quot;,&quot;name&quot;:&quot;inline.search&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;70f15002a318230cbb109ff89087ccfb04ab1193216c798e4a8fb6d8714ec24a&quot;}" wire:effects="[]" wire:id="AkPg9Rxbw7NLyIshykUT"
    wire:submit.prevent="searchManual"
    class="system:search-wrapper group"
    :class="isInputFocused && 'focused'"
    x-data="{ isInputFocused: $wire.entangle('isInputFocused') }"
    x-on:keydown.prevent.escape="$wire.teardown()"
>
    <div class="system:search-box relative w-full">
        <input
            type="text"
            wire:model.live.debounce.250ms="query"
            x-on:focus="
                $wire.searchInstant(null)
                isInputFocused = true
            "
            class="bg-search-conditional rounded-search-conditional focus:ring-brand-js-700 sm:text-md peer relative z-50 w-full border-0 bg-white py-3 pl-11 text-sm placeholder:text-gray-400 focus:ring-2 focus:ring-inset parent-property-ft:text-white sm:leading-6"
            placeholder="Search products or categories..."
        />
        <div
            class="peer-focus:text-brand-js-500 absolute left-[9px] top-[9px] z-50 text-gray-400 xl:left-[12px] xl:top-[12px]"
        >
            <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="h-6 w-6"
            >
                <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
                />
            </svg>
        </div>
    </div>
    <div
        x-on:click.prevent="$wire.teardown()"
        class="fixed inset-0 z-40 bg-black opacity-50"
        x-cloak
        x-show="isInputFocused"
    ></div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></form>
                </div>
                <div class="flex items-center gap-x-8">
                    <a
    href="https://jsaccessories.co.uk/account"
    wire:navigate
    class="relative flex flex-col items-center gap-y-0.5 text-center text-xs hover:text-gray-700 parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-700 parent-property-pmx:text-white parent-property-pmx:hover:text-white parent-property-ft:xl:text-white"
    aria-label="Visit Account Login"
>
    <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        class="size-6"
        aria-hidden="true"
    >
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
        />
    </svg>
    <span class="hidden parent-property-ft:hidden xl:flex">Account</span>
</a>
                    <div wire:snapshot="{&quot;data&quot;:{&quot;order&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;BI1htmIMftrdh6EaLivp&quot;,&quot;name&quot;:&quot;inline.mini-cart&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d22b5785143c2e89c0b6ca4b84258bc092f4c12593773448d8731df09dd0dab0&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cart_item_added&quot;,&quot;cart_item_removed&quot;]}" wire:id="BI1htmIMftrdh6EaLivp"
    class="group relative flex flex-col items-center gap-y-0.5 text-center hover:text-gray-700 parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-700"
>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        class="h-7 w-7 xl:h-5 xl:w-5"
    >
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
        />
    </svg>
    <span class="hidden text-xs xl:block">Cart</span>
    <div
    class="z-300 absolute right-0 top-full hidden lg:block 3xl:-right-[5rem] parent-property-ft:3xl:-right-[1rem]"
    style="z-index: 100 !important"
>
    <div
        class="mt-4 hidden w-96 divide-y divide-gray-200 rounded-md bg-white text-left ring-1 ring-gray-200 drop-shadow-md group-hover:block parent-property-pmx:bg-black parent-property-pmx:shadow-[1px_1px_25px_5px_#b3e140]"
    >
        <div class="flex items-center px-4 py-2">
            <div class="flex-1">
                <span class="mr-2 font-semibold text-gray-800 parent-property-pmx:text-white">
                    Your cart: 0 items
                </span>
            </div>
        </div>
        <div class="w-full px-4 py-2">
            <p class="text-brand-js-500 text-sm lg:text-left">
                Items in your cart aren't reserved and may sell out.
            </p>
        </div>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    </div>
</div>
</div>
                </div>
            </div>
        </div>

        <div
    class="relative z-[60] border-b border-gray-200 bg-white parent-black-friday:border-stone-400 parent-black-friday:bg-stone-800 parent-motocross:border-stone-400 parent-motocross:bg-stone-800 parent-property-hs:bg-white xl:hidden"
    x-data="{
        isSearchVisible: false,
    }"
>
    <div class="flex h-[60px] items-center gap-x-4 px-4">
        <div>
            <button
                class="relative h-10 w-7 bg-white text-black focus:outline-none parent-motocross:bg-stone-800 parent-motocross:text-white"
                x-on:click.prevent="toggleMobileMenuFlyout()"
            >
                <span class="sr-only">Open main menu</span>
                <div class="absolute left-1/2 top-1/2 block w-full -translate-x-1/2 -translate-y-1/2 transform">
                    <span
                        aria-hidden="true"
                        class="absolute block h-1 w-full transform rounded-full bg-black transition duration-500 ease-in-out parent-black-friday:bg-black parent-motocross:bg-white"
                        :class="{'rotate-45 bg-brand-js-500': isMobileMenuFlyoutVisible,'-translate-y-2.5': !isMobileMenuFlyoutVisible}"
                    ></span>
                    <span
                        aria-hidden="true"
                        class="absolute block h-1 w-full transform rounded-full bg-black transition duration-500 ease-in-out parent-black-friday:bg-black parent-motocross:bg-white"
                        :class="{'opacity-0': isMobileMenuFlyoutVisible}"
                    ></span>
                    <span
                        aria-hidden="true"
                        class="absolute block h-1 w-full transform rounded-full bg-black transition duration-500 ease-in-out parent-black-friday:bg-black parent-motocross:bg-white"
                        :class="{'-rotate-45 bg-brand-js-500': isMobileMenuFlyoutVisible, 'translate-y-2.5': !isMobileMenuFlyoutVisible}"
                    ></span>
                </div>
            </button>
        </div>
        <div>
            <a href="https://jsaccessories.co.uk" title="J&amp;S Accessories Homepage">
                <img
                    src="https://cdn.jsac.media/property/logos/js.svg"
                    alt="J&amp;S Accessories"
                    width="85"
                />
            </a>
        </div>
        <div class="ml-auto flex items-center gap-x-4">
            <button
                x-on:click.prevent="isSearchVisible = !isSearchVisible"
                class="relative flex flex-col items-center gap-y-0.5 text-center text-xs hover:text-gray-700 parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-700 parent-property-pmx:text-white parent-property-pmx:hover:text-white parent-property-ft:xl:text-white"
            >
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    fill="none"
                    viewBox="0 0 24 24"
                    stroke-width="1.5"
                    stroke="currentColor"
                    class="h-6 w-6"
                >
                    <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
                    />
                </svg>
            </button>
            <a
    href="https://jsaccessories.co.uk/account"
    wire:navigate
    class="relative flex flex-col items-center gap-y-0.5 text-center text-xs hover:text-gray-700 parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-700 parent-property-pmx:text-white parent-property-pmx:hover:text-white parent-property-ft:xl:text-white"
    aria-label="Visit Account Login"
>
    <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        class="size-6"
        aria-hidden="true"
    >
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
        />
    </svg>
    <span class="hidden parent-property-ft:hidden xl:flex">Account</span>
</a>
            <a
                href="https://jsaccessories.co.uk/customer-service"
                wire:navigate
                class="flex flex-col items-center gap-y-0.5 text-center text-xs hover:text-gray-700 parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-700 parent-property-pmx:text-white parent-property-pmx:hover:text-white parent-property-ft:xl:text-white"
            >
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    fill="none"
                    viewBox="0 0 24 24"
                    stroke-width="1.5"
                    stroke="currentColor"
                    class="h-7 w-7"
                >
                    <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"
                    />
                </svg>
            </a>
            <button
                x-on:click.prevent="toggleMobileCartFlyout()"
                class="flex flex-col items-center gap-y-0.5 text-center text-xs"
            >
                <div wire:snapshot="{&quot;data&quot;:{&quot;order&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;aNxU4Yg6tOoG6EYNtzx4&quot;,&quot;name&quot;:&quot;inline.mini-cart&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;e70cc4186081e0f18c4cebbce81b69ac89fde345fee24af02619cc4969cdc584&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cart_item_added&quot;,&quot;cart_item_removed&quot;]}" wire:id="aNxU4Yg6tOoG6EYNtzx4"
    class="group relative flex flex-col items-center gap-y-0.5 text-center hover:text-gray-700 parent-black-friday:hover:text-theme-black-friday parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-700"
>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        class="h-7 w-7 xl:h-5 xl:w-5"
    >
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
        />
    </svg>
    <span class="hidden text-xs xl:block">Cart</span>
    <div
    class="z-300 absolute right-0 top-full hidden lg:block 3xl:-right-[5rem] parent-property-ft:3xl:-right-[1rem]"
    style="z-index: 100 !important"
>
    <div
        class="mt-4 hidden w-96 divide-y divide-gray-200 rounded-md bg-white text-left ring-1 ring-gray-200 drop-shadow-md group-hover:block parent-property-pmx:bg-black parent-property-pmx:shadow-[1px_1px_25px_5px_#b3e140]"
    >
        <div class="flex items-center px-4 py-2">
            <div class="flex-1">
                <span class="mr-2 font-semibold text-gray-800 parent-property-pmx:text-white">
                    Your cart: 0 items
                </span>
            </div>
        </div>
        <div class="w-full px-4 py-2">
            <p class="text-brand-js-500 text-sm lg:text-left">
                Items in your cart aren't reserved and may sell out.
            </p>
        </div>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    </div>
</div>
</div>
            </button>
        </div>
    </div>
    <div class="system:search-mobile border-t border-gray-200 p-4" x-show="isSearchVisible">
        <form wire:snapshot="{&quot;data&quot;:{&quot;query&quot;:&quot;&quot;,&quot;results&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;hasResults&quot;:null,&quot;isInputFocused&quot;:false,&quot;inputId&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;6YXdwHCjgftGQJIQ01w1&quot;,&quot;name&quot;:&quot;inline.search&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;c732f5159e7edc838c42e24b4288734904c93ebde7ccee03f74afedb65586d95&quot;}" wire:effects="[]" wire:id="6YXdwHCjgftGQJIQ01w1"
    wire:submit.prevent="searchManual"
    class="system:search-wrapper group"
    :class="isInputFocused && 'focused'"
    x-data="{ isInputFocused: $wire.entangle('isInputFocused') }"
    x-on:keydown.prevent.escape="$wire.teardown()"
>
    <div class="system:search-box relative w-full">
        <input
            type="text"
            wire:model.live.debounce.250ms="query"
            x-on:focus="
                $wire.searchInstant(null)
                isInputFocused = true
            "
            class="bg-search-conditional rounded-search-conditional focus:ring-brand-js-700 sm:text-md peer relative z-50 w-full border-0 bg-white py-3 pl-11 text-sm placeholder:text-gray-400 focus:ring-2 focus:ring-inset parent-property-ft:text-white sm:leading-6"
            placeholder="Search products or categories..."
        />
        <div
            class="peer-focus:text-brand-js-500 absolute left-[9px] top-[9px] z-50 text-gray-400 xl:left-[12px] xl:top-[12px]"
        >
            <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="h-6 w-6"
            >
                <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
                />
            </svg>
        </div>
    </div>
    <div
        x-on:click.prevent="$wire.teardown()"
        class="fixed inset-0 z-40 bg-black opacity-50"
        x-cloak
        x-show="isInputFocused"
    ></div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></form>
    </div>
</div>

        
        <div class="hidden border-b border-gray-200 xl:block">
            <div class="main-menu">
            <ul role="menu" class="flex">
                            <li
                    role="menuitem"
                    class="link-helmets  group"
                >
                    <a
                        href="/category/motorcycle-helmets"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Helmets
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class="parent-property-js:pr-52 relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                By Type
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/full-face"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Full Face
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/flip-front"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Flip Front
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/open-face"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Open Face
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/adventure-touring"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Adventure
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/motocross-helmets"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/ladies-helmets"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Ladies
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Related Departments
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/intercoms"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Intercoms
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/helmet-cameras"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Helmet Cameras
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/visors"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Visors
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/pinlocks"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Pinlocks
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/classic-goggles"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Classic Goggles
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/motocross-goggles"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Goggles
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/helmet-care"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Helmet Care
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/visor-bags"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Helmet &amp; Visor Bags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-helmets/kids"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Kids Helmets
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                            <div
                                            class="relative flex-1 bg-[#eee] py-12 pl-12 after:absolute after:left-full after:top-0 after:block after:h-full after:w-screen after:bg-[#eee]"
                                        >
                                            <ul class="flex flex-wrap gap-4" aria-hidden="true">
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/akito/akito-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Akito Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/agv-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/agv.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Agv Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/airoh-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/airoh.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Airoh Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/alpinestars/alpinestars-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Alpinestars Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/arai-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/arai.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Arai Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bell-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bell.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bell Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/caberg-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/caberg.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Caberg Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/fox/fox-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Fox Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/motorcycle-helmets/frank-thomas-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Frank-thomas Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/givi/givi-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/givi.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Givi Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/hjc-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/hjc.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Hjc Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/ixs/ixs-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Ixs Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/ls2-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/ls2.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Ls2 Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/mds-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/mds.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Mds Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/mt-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/mt.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Mt Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/nitro-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/nitro.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Nitro Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/nolan-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/nolan.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Nolan Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/oneal/oneal-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/oneal.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Oneal Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/schuberth-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/schuberth.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Schuberth Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/scorpion-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/scorpion.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Scorpion Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/shark-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/shark.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Shark Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/shoei-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/shoei.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Shoei Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/simpson-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/simpson.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Simpson Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/vcan-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/vcan.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Vcan Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/x-lite-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/x-lite.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="X-lite Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-clothing  group"
                >
                    <a
                        href="/category/motorcycle-clothing"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Clothing
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class="parent-property-js:pr-52 relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                By Type
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/jackets"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Jackets
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/trousers"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Trousers
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/denim-jeans"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Denim
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/leather-suits"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Suits
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/casual-clothing"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Casual Clothing
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/body-armour"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Body Armour
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/waterproofs"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Waterproofs
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/motorcycle-airbags-and-clothing"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Airbags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/heated-clothing"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Heated Clothing
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/base-layers"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Base Layers
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Related Departments
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/kids-clothing"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Kids Clothing
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/hi-viz-clothing"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Hi-Viz Clothing
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/clothing-care-products"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Clothing Care Products
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/braces"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Braces
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/knee-sliders"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Knee Sliders
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/workwear"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Workwear
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-clothing/waistcoats"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Waistcoats
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                            <div
                                            class="relative flex-1 bg-[#eee] py-12 pl-12 after:absolute after:left-full after:top-0 after:block after:h-full after:w-screen after:bg-[#eee]"
                                        >
                                            <ul class="flex flex-wrap gap-4" aria-hidden="true">
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/akito/akito-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Akito Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/alpinestars/alpinestars-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Alpinestars Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/armr"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/armr.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Armr Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bering/bering-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bering.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bering Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bike-it/bike-it-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bike-it.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bike-it Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bks/bks-mens-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bks Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bull-it-jeans"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bull-it.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bull-it Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/dainese/dainese-mens"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Dainese Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/edz"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/edz.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Edz Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/forcefield"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/forcefield.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Forcefield Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/fox/fox-casual-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Fox Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/frank-thomas/frank-thomas-mens"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Frank-thomas Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/furygan/furygan-mens"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Furygan Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/halvarssons/halvarssons-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/halvarssons.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Halvarssons Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/ixs/ixs-mens"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Ixs Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/j-s/j-s-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/j-s.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="J-s Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/keis"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/keis.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Keis Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/knox"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/knox.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Knox Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/lindstrands/lindstrands-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/Lindstrands.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Lindstrands Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/oxford-products/oxford-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/oxford-products.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Oxford-products Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/red-route"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/red-route.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Red-route Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/richa/richa-mens"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Richa Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/rst/rst-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Rst Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/rukka/rukka-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/rukka.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Rukka Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/spada/spada-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/spada.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Spada Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/vr46"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/vr46.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Vr46 Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/wolf"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/wolf.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Wolf Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-boots  group"
                >
                    <a
                        href="/category/motorcycle-boots"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Boots
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class="parent-property-js:pr-52 relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                By Type
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-boots/urban-casual-boots"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Urban &amp; Casual
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-boots/touring"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Touring Boots
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-boots/sports"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Sports Boots
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-boots/motocross-boots"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Boots
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-boots/ladies-boots"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Ladies Boots
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Related Departments
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-boots/goretex-boots"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Gore-Tex Boots
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                            <div
                                            class="relative flex-1 bg-[#eee] py-12 pl-12 after:absolute after:left-full after:top-0 after:block after:h-full after:w-screen after:bg-[#eee]"
                                        >
                                            <ul class="flex flex-wrap gap-4" aria-hidden="true">
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/akito/akito-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Akito Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/alpinestars/alpinestars-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Alpinestars Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bks/bks-mens-clothing/bks-mens-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bks Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/dainese/dainese-mens/dainese-mens-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Dainese Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/falco"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/falco.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Falco Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/frank-thomas/frank-thomas-mens/frank-thomas-mens-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Frank-thomas Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/furygan/furygan-mens/furygan-mens-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Furygan Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/ixs/ixs-mens/ixs-mens-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Ixs Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/j-s/j-s-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/j-s.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="J-s Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/oneal/oneal-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/oneal.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Oneal Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/richa/richa-mens/richa-mens-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Richa Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/rst/rst-clothing/rst-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Rst Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/sidi"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/sidi.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Sidi Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/spada/spada-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/spada.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Spada Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/tcx-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/tcx.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Tcx Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-gloves  group"
                >
                    <a
                        href="/category/motorcycle-gloves"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Gloves
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class="parent-property-js:pr-52 relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                By Type
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-gloves/summer-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Summer Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-gloves/winter-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Winter Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-gloves/heated-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Heated Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-gloves/ladies-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Ladies Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-gloves/motocross-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Related Departments
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-gloves/goretex-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Gore-Tex Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-gloves/inner-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Inner Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                            <div
                                            class="relative flex-1 bg-[#eee] py-12 pl-12 after:absolute after:left-full after:top-0 after:block after:h-full after:w-screen after:bg-[#eee]"
                                        >
                                            <ul class="flex flex-wrap gap-4" aria-hidden="true">
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/akito/akito-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Akito Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/alpinestars/alpinestars-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Alpinestars Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bering/bering-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bering.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bering Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bks/bks-mens-clothing/bks-mens-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bks Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/dainese/dainese-mens/dainese-mens-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Dainese Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/five-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/five.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Five Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/frank-thomas/frank-thomas-mens/frank-thomas-mens-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Frank-thomas Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/fox/fox-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Fox Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/furygan/furygan-mens/furygan-mens-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Furygan Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/ixs/ixs-mens/ixs-mens-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Ixs Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/knox/knox-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/knox.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Knox Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/nitro-helmets/nitro-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/nitro.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Nitro Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/oxford-products/oxford-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/oxford-products.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Oxford-products Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/richa/richa-mens/richa-mens-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Richa Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/rst/rst-clothing/rst-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Rst Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/rukka/rukka-gloves"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/rukka.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Rukka Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-motocross  group"
                >
                    <a
                        href="/motocross"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Motocross
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class="parent-property-js:pr-52 relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                By Type
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-boots"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Boots
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-helmets"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Helmets
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-jerseys"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Jerseys
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-pants"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Pants
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-armour"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Armour
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/kids-mx-helmets"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Kids Helmets
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-kids"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Motocross Kids Gear
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Related Departments
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-goggles"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Goggles
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-accessories"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Accessories
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/kit-bags"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Kit Bags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motocross/motocross-socks"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Socks
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                            <div
                                            class="relative flex-1 bg-[#eee] py-12 pl-12 after:absolute after:left-full after:top-0 after:block after:h-full after:w-screen after:bg-[#eee]"
                                        >
                                            <ul class="flex flex-wrap gap-4" aria-hidden="true">
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/100-percent"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/100.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="100 Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/alpinestars/alpinestars-motocross"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Alpinestars Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/answer"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/answer.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Answer Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bell-helmets/bell-motocross-helmets"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bell.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bell Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/evs"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/evs.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Evs Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/fly"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/fly.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Fly Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/fox"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Fox Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/leatt/leatt-clothing"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/leatt.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Leatt Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/mt-helmets/mt-motocross"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/mt.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Mt Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/nitro-helmets/nitro-mx"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/nitro.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Nitro Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/oakley/oakley-goggles"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/oakley.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Oakley Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/oneal"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/oneal.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Oneal Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/seven"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/seven.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Seven Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/scott"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/scott.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Scott Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/shot"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/shot.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Shot Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/wulfsport"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/wulfsport.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Wulfsport Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-accessories  group"
                >
                    <a
                        href="/category/motorcycle-accessories"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Accessories
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class="pr-16 relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Security
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-security/chain-and-cable-locks"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Chain &amp; Cable Locks
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-security/disc-locks"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Disc Locks
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-security/ground-anchors"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Ground Anchors
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-security/alarms"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Alarms
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Workshop
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/workshop/battery-chargers"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Battery Chargers
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/workshop/tools-equipment"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Tools &amp; Equipment
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/workshop/paddock-stands-bobbins"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Paddock Stands &amp; Bobbins
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/workshop/transport"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Transport
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/workshop/oil"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Oil &amp; Lubricants
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/workshop/cleaning-products"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Cleaning Products
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Luggage
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/backpacks"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Backpacks
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/tail-packs"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Tail Packs
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/phone-and-satnav-holders"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Phone &amp; Sat Nav Holders
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/tank-bags"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Tank Bags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/top-boxes"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Top Boxes
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/panniers"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Panniers
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/roll-bags"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Roll Bags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/leg-bum-bags"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Leg &amp; Bum Bags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/kit-bags"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Kit Bags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/visor-bags"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Helmet &amp; Visor Bags
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-luggage/luggage-accessories"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Luggage Accessories
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Miscellaneous
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/covers"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Covers
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/sat-navs"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Sat Navs
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/heated-grips"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Heated Grips
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/misc-accessories/ear-plugs"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Ear Plugs
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/misc-accessories/other"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Other
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                Parts
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/parts"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Parts
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/indicators"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Indicators
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/mirrors"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Mirrors
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/handlebar-muffs"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Handlebar Muffs
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/tank-pads"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Tank Pads
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/grips"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Grips
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/handlebars"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Handlebars
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/wheel-stripes"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Wheel Stripes
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/exhausts"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Exhausts
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/motorcycle-accessories/motorcycle-parts/tyres"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Tyres
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-ladies  group"
                >
                    <a
                        href="/ladies"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Ladies
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class=" relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div>
                                                                                                                    <p
                                                                class="uppercase-conditional mb-4 text-lg font-semibold text-gray-800"
                                                            >
                                                                By Type
                                                            </p>
                                                        
                                                        <div class="grid-cols-1 grid gap-8">
                                                                                                                            <ul class="space-y-1.5 parent-property-hs:space-y-3">
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-jackets"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Jackets
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-denim-jeans"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Denim
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-trousers"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Trousers
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-gloves"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Gloves
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-boots"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Boots
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-helmets"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Helmets
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-suits"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Leather Suits
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-casual"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Casual Clothing
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a
                                                                                href="/category/ladies/ladies-base-layers"
                                                                                class="hover:text-brand-js-500 text-gray-700 parent-black-friday:hover:text-theme-black-friday"
                                                                            >
                                                                                <div>
                                                                                    Base Layer &amp; Thermals
                                                                                </div>
                                                                            </a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                            <div
                                            class="relative flex-1 bg-[#eee] py-12 pl-12 after:absolute after:left-full after:top-0 after:block after:h-full after:w-screen after:bg-[#eee]"
                                        >
                                            <ul class="flex flex-wrap gap-4" aria-hidden="true">
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/alpinestars/alpinestars-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Alpinestars Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/bks/bks-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Bks Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/dainese/dainese-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Dainese Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/frank-thomas/frank-thomas-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Frank-thomas Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/furygan/furygan-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Furygan Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/hjc-helmets/hjc-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/hjc.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Hjc Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/ixs/ixs-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Ixs Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/j-s/j-s-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/j-s.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="J-s Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/motogirl"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/motogirl.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Motogirl Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/oxford-products/oxford-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/oxford-products.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Oxford-products Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/red-route/red-route-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/red-route.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Red-route Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/richa/richa-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Richa Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/rst/rst-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Rst Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/rukka/rukka-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/rukka.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Rukka Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/scorpion-helmets/scorpion-ladies"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/scorpion.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Scorpion Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                                    <li class="w-16">
                                                        <a
                                                            href="/category/tcx-boots/tcx-ladies-boots"
                                                            class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                        >
                                                            <img
                                                                src="https://cdn.jsac.media/property/global/brand_logos/150x150/tcx.png?v=6a5ede69"
                                                                class="w-full rounded-md bg-white p-2"
                                                                alt="Tcx Brand Logo"
                                                            />
                                                        </a>
                                                    </li>
                                                                                            </ul>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-casual  group"
                >
                    <a
                        href="/category/motorcycle-clothing/casual-clothing"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Casual
                    </a>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-sale  group"
                >
                    <a
                        href="/category/sale"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Sale
                    </a>
                                    </li>
                            <li
                    role="menuitem"
                    class="link-brands  group"
                >
                    <a
                        href="/brands"
                        class="uppercase-conditional dark:text-amber-500; block border-b-2 border-transparent text-gray-900 hover:border-brand-js-500 hover:text-brand-js-500 parent-black-friday:text-white parent-black-friday:hover:border-theme-black-friday parent-black-friday:hover:text-theme-black-friday parent-motocross:text-white parent-motocross:hover:border-amber-500 parent-motocross:hover:text-amber-500 parent-property-hs:text-gray-900"
                    >
                        Brands
                    </a>
                                            <div
                            class="mega-menu absolute left-0 z-50 hidden w-full overflow-hidden bg-zinc-50 drop-shadow-xl group-hover:block"
                        >
                            <div class="container">
                                <div class="flex">
                                    
                                                                            <div
                                            class=" relative flex flex-wrap gap-28 bg-zinc-50 py-12"
                                        >
                                                                                                                                                <div class="w-full">
                                                        
                                                        <ul class="grid-cols-8 grid gap-8">
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/agv-helmets"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/agv.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/alpinestars"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/arai-helmets"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/arai.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/bell-helmets"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/bell.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/bks"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/cardo"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/cardo.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/fox"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/frank-thomas"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/hjc-helmets"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/hjc.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/oxford-products"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/oxford-products.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/red-route"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/red-route.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/richa"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/rst"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/shoei-helmets"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/shoei.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/scorpion-helmets"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/scorpion.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a
                                                                        href="/category/shark-helmets"
                                                                        class="hover:ring-brand-js-500 border-brand-js-500 block overflow-hidden rounded-md border-transparent bg-white p-4 ring-1 ring-gray-200 drop-shadow-sm transition-all parent-black-friday:hover:text-theme-black-friday"
                                                                    >
                                                                        <img
                                                                            src="https://cdn.jsac.media/property/global/brand_logos/150x150/shark.png?v=6a5ede69"
                                                                            alt=""
                                                                        />
                                                                    </a>
                                                                </li>
                                                                                                                    </ul>
                                                    </div>
                                                                                                                                    </div>
                                    
                                                                    </div>
                            </div>
                        </div>
                                    </li>
                    </ul>
    </div>
        </div>
    </nav>

</header>

<main>
    <div wire:snapshot="{&quot;data&quot;:{&quot;banner&quot;:null,&quot;position&quot;:&quot;top&quot;,&quot;class&quot;:&quot;container&quot;,&quot;path&quot;:&quot;blog\/feed&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;WO6xtcL8mcPREKzXj2nH&quot;,&quot;name&quot;:&quot;inline.banner-multi&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:false,&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;fb2cea9e910688e84e393ab5158e2efa502429cdfedb2b6853a7dd0929070636&quot;}" wire:effects="[]" wire:id="WO6xtcL8mcPREKzXj2nH" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJwYXRoIjoiYmxvZ1wvZmVlZCIsInBvc2l0aW9uIjoidG9wIiwiY2xhc3MiOiJjb250YWluZXIifSx7InMiOiJhcnIifV19LCJtZW1vIjp7ImlkIjoidnJ6TXpUU3ZsQ3BQUXJ3Tm1qOHciLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJibG9nXC9mZWVkIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiMGY3MGU5NDMxNmFhZTIyNjlmOTE5NjgwZWMwZGI1NWU4NDZlM2VjNmEzMTAxMTVmMDY3MjZmZTJlM2Q0MzFmNiJ9&#039;)"></div>
    <div wire:snapshot="{&quot;data&quot;:{&quot;category&quot;:&quot;feed&quot;,&quot;currentUrl&quot;:&quot;https:\/\/jsaccessories.co.uk\/blog\/feed&quot;,&quot;paginators&quot;:[{&quot;page&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;LrKUurtRfcRa4Tz4xHui&quot;,&quot;name&quot;:&quot;full.post.get-post-list&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d4d9c2dc36c76b86d7b9f42f38b7505bafb757aa598679439cb1a6d4db6ca10e&quot;}" wire:effects="{&quot;url&quot;:{&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="LrKUurtRfcRa4Tz4xHui" class="space-y-4 pb-12 xl:space-y-12">
    <section
        class="py-2 xl:py-4"
        style="
            background: url('https://cdn.jsac.media/property/global/post-list-bg.png?v=6a5ede69')
                no-repeat top right;
            background-size: cover;
        "
    >
        <div
            class="container flex items-center justify-center space-x-12 xl:justify-start"
        >
            <div>
                <a href="https://jsaccessories.co.uk/blog">
                    <img
                        src="https://cdn.jsac.media/property/global/post-list-logo.png?v=6a5ede69"
                        alt="J&amp;S Accessories Blog"
                    />
                </a>
            </div>
            <ul
                class="uppercase-conditional hidden space-x-8 text-lg text-white xl:flex"
                role="menu"
            >
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/news"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        News
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/reviews"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Reviews
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/gear"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Gear
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/racing"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Racing
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/features"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Features
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/new-products"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        New Products
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/sponsored-riders"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Sponsored Riders
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/buying-guides"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Buying Guides
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/events"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Events
                    </a>
                </li>
                <li role="menuitem">
                    <a
                        href="https://jsaccessories.co.uk/blog/advice"
                        class="hover:border-white border-b border-transparent pb-1"
                    >
                        Advice
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <section class="container xl:hidden">
                <div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

    <div class="relative flex">
        <select
            id=""
            class="input md rounded-md focus:ring-brand-js-600 "
            wire:label="" onchange="location = this.options[this.selectedIndex].value;"
            wire:loading.class="loading"
            wire:loading.attr="disabled"
            wire:target=""
        >
            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                                                            <option value="" >
                        Select a category
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/news" >
                        News
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/reviews" >
                        Reviews
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/gear" >
                        Gear
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/racing" >
                        Racing
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/features" >
                        Features
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/new-products" >
                        New Products
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/sponsored-riders" >
                        Sponsored Riders
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/buying-guides" >
                        Buying Guides
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/events" >
                        Events
                    </option>
                                                                            <option value="https://jsaccessories.co.uk/blog/advice" >
                        Advice
                    </option>
                <!--[if ENDBLOCK]><![endif]-->
            <!--[if ENDBLOCK]><![endif]-->
        </select>
    </div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
    </section>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

    <section class="container">
        <!--[if BLOCK]><![endif]-->            <div
                class="border border-gray-200 bg-gray-100 p-8 text-center text-lg"
            >
                <p>
                    Sorry, we could not find any posts in that category. Please
                    try a different one instead.
                </p>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
    </section>
</div>
    

    <div wire:snapshot="{&quot;data&quot;:{&quot;banner&quot;:null,&quot;position&quot;:&quot;bot&quot;,&quot;class&quot;:&quot;container&quot;,&quot;path&quot;:&quot;blog\/feed&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;puGMpR2okGgikDt1VLkZ&quot;,&quot;name&quot;:&quot;inline.banner-multi&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;lazyLoaded&quot;:false,&quot;lazyIsolated&quot;:false,&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a77bcf82afdfb1b0817087a36c26ec8e8578474616f8431ad75d7a3295cce6e1&quot;}" wire:effects="[]" wire:id="puGMpR2okGgikDt1VLkZ" x-intersect="$wire.__lazyLoad(&#039;eyJkYXRhIjp7ImZvck1vdW50IjpbeyJwYXRoIjoiYmxvZ1wvZmVlZCIsInBvc2l0aW9uIjoiYm90IiwiY2xhc3MiOiJjb250YWluZXIifSx7InMiOiJhcnIifV19LCJtZW1vIjp7ImlkIjoiRWhjNHJqZm9yWE5wa29td1pmMTAiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJibG9nXC9mZWVkIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiN2UzMDIwMmE5MGIzOGEzOWIyYTM0YzYyOGQ1MGI5OGNkMDI5YTZlYjE0ZjE2YzY0ZTI1NTdiYmJhNTM1Y2EwMiJ9&#039;)"></div>
    
</main>

<footer>
    <div class="relative z-10">
    <div class="lg:flex">
                    <div
                class="bg-brand-js-500 w-full text-white parent-black-friday:bg-theme-black-friday parent-black-friday:text-black parent-motocross:bg-black"
                x-data="{
                    handleOpenKlaviyoForm() {
                        window._klOnsite = window._klOnsite || []
                        window._klOnsite.push(['openForm', 'SawffK'])
                    },
                }"
            >
                <div class="container px-4 py-10 text-center lg:px-8 xl:py-12">
                    <div class="items-center justify-center divide-white/60 lg:flex lg:space-x-8 lg:divide-x">
                        <div>
                            <p
                                class="text-3xl font-semibold uppercase leading-none tracking-[1px] text-white drop-shadow-[2px_2px_1px_rgba(0,0,0,0.25)] parent-black-friday:text-black xl:text-[38px]"
                            >
                                Ride in the loop
                            </p>
                            <p class="text-lg font-medium text-white parent-black-friday:text-black xl:text-[17px]">
                                Latest news, products &amp; promotions
                            </p>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:pl-8">
                            <button
                                class="button border border-white text-white hover:bg-black hover:drop-shadow-[0_4px_5px_rgba(0,0,0,0.5)] focus:border-black parent-black-friday:border-black parent-black-friday:text-black parent-black-friday:hover:text-white"
                                x-on:click.prevent="handleOpenKlaviyoForm"
                            >
                                Subscribe now
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        
        <div class="w-full bg-[#d9d9d9] text-black">
            <div class="container px-4 py-10 text-center lg:px-8 xl:py-12">
                <div class="items-center justify-center divide-black/60 lg:flex lg:space-x-8 lg:divide-x">
                    <div>
                        <p
                            class="text-3xl font-semibold uppercase leading-none tracking-[1px] text-black xl:text-[38px]"
                        >
                            WHAT'S NEW?
                        </p>
                        <p class="text-lg font-medium text-black xl:text-[17px]">
                            Want to know about the latest products &amp; news?
                        </p>
                    </div>
                    <div class="mt-4 lg:mt-0 lg:pl-8">
                        <a
                            href="https://jsaccessories.co.uk/blog"
                            class="button border border-black bg-[#FFF200] text-black hover:bg-black hover:text-white hover:drop-shadow-[0_4px_5px_rgba(0,0,0,0.5)] focus:border-black"
                        >
                            Read our blog
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="bg-[#111111] text-white">
        <div class="container hidden grid-cols-12 px-4 pt-8 lg:grid">
            <div class="col-span-2">
                <p class="mb-6 text-xl font-semibold">About J&amp;S</p>
                <ul role="menu" class="space-y-2 text-white/40">
                    <li role="menuitem">
                        <a href="https://jsaccessories.co.uk/about" class="hover:text-white">About us</a>
                    </li>
                    <li role="menuitem">
                        <a href="https://jsaccessories.co.uk/stores" class="hover:text-white">Find a store</a>
                    </li>
                    <li role="menuitem">
                        <a href="https://jsaccessories.co.uk/brands" class="hover:text-white">Brands</a>
                    </li>
                    <li role="menuitem">
                        <a href="https://jsaccessories.co.uk/blog" class="hover:text-white">Blog</a>
                    </li>
                    <li role="menuitem">
                        <a href="https://jsaccessories.co.uk/conformity" class="hover:text-white">Conformity</a>
                    </li>
                    <li role="menuitem">
                        <a href="https://jsaccessories.co.uk/careers" class="hover:text-white">Careers</a>
                    </li>
                    <li role="menuitem">
                        <a href="https://jsaccessories.co.uk/sitemap" class="hover:text-white">Sitemap</a>
                    </li>
                </ul>
            </div>
            <div class="col-span-5">
                <p class="mb-6 text-xl font-semibold">Customer Service</p>
                <div class="flex gap-10">
                    <ul role="menu" class="space-y-2 text-white/40">
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/account" class="hover:text-white">Account Login</a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/customer-service" class="hover:text-white">
                                Help &amp; Contact
                            </a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/delivery-policy" class="hover:text-white">
                                Delivery policy
                            </a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/returns-policy" class="hover:text-white">
                                Returns policy
                            </a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/price-match-policy" class="hover:text-white">
                                Price match policy
                            </a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/privacy-policy" class="hover:text-white">
                                Privacy &amp; cookies policy
                            </a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/terms-conditions" class="hover:text-white">
                                Terms &amp; conditions
                            </a>
                        </li>
                    </ul>
                    <ul role="menu" class="space-y-2 text-white/40">
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/finance" class="hover:text-white">Finance</a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/paypal-pay-in-3" class="hover:text-white">
                                PayPal Pay in 3
                            </a>
                        </li>
                        <li role="menuitem">
                            <a href="https://jsaccessories.co.uk/clearpay-pay-in-4" class="hover:text-white">
                                Clearpay Pay in 4
                            </a>
                        </li>
                        <li role="menuitem">
                            <a
                                href="https://jsaccessories.co.uk/klarna-pay-in-3-pay-in-30-days"
                                class="hover:text-white"
                            >
                                Klarna Pay in 3/Pay in 30 days
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-span-5 text-right">
                <p class="mb-6 text-xl font-semibold">Need Help?</p>
                <ul class="mb-4 space-y-2">
                    <li>
                        <p>+44 (0)1606 272 530</p>
                    </li>
                    <li>
                        <p>
                            <a
                                href="mailto:enquiries@jsaccessories.net"
                                aria-label="Email"
                                class="hover:text-white/50"
                                rel="nofollow"
                            >
                                enquiries@jsaccessories.net
                            </a>
                        </p>
                    </li>
                    <li>
                        <p>J&amp;S Accessories, Chester Rd, Oakmere, CW8 2HB</p>
                    </li>
                </ul>
                <div class="mb-6 flex items-center justify-end space-x-4">
                    <a href="https://www.feefo.com/reviews/js-accessories-limited" target="_blank">
                        <img
                            alt="Feefo logo"
                            border="0"
                            src="https://api.feefo.com/api/logo?merchantidentifier=js-accessories-limited"
                            title="See what our customers say about us"
                        />
                    </a>
                    <a href="https://www.feefo.com/reviews/js-accessories-limited" class="block" target="_blank">
                        <img
                            class="h-[38px]"
                            src="https://cdn.jsac.media/property/js/feefo2.webp?v=6a5ede69"
                            alt="Feefo logo"
                            loading="lazy"
                        />
                    </a>
                </div>
            </div>
        </div>
        <div
            class="container hidden flex-col items-center justify-center space-y-4 pb-8 pt-4 lg:flex lg:flex-row lg:justify-between lg:space-y-0"
        >
            <ul class="flex items-center space-x-5">
        <li class="sr-only">Social media links</li>
                    <li class="inline-block">
                <a
                    href="https://x.com/js_accessories"
                    rel="nofollow"
                    target="_blank"
                    class="dark:hover:bg-brand-js-500 fill-white/40 transition-colors hover:fill-white dark:bg-white dark:fill-black dark:hover:fill-black"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="22">
                        <title>X</title>
                        <path
                            d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
                        />
                    </svg>
                </a>
            </li>
        
                    <li class="inline-block">
                <a
                    href="https://www.youtube.com/jandsaccessories30"
                    rel="nofollow"
                    target="_blank"
                    class="fill-white/40 transition-colors hover:fill-white"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="25">
                        <title>YouTube</title>
                        <path
                            d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
                        />
                    </svg>
                </a>
            </li>
        
                    <li class="inline-block">
                <a
                    href="https://www.facebook.com/jsaccessories"
                    rel="nofollow"
                    target="_blank"
                    class="fill-white/40 transition-colors hover:fill-white"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="22">
                        <title>Facebook</title>
                        <path
                            d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"
                        />
                    </svg>
                </a>
            </li>
        
                    <li class="inline-block">
                <a
                    href="https://www.instagram.com/jandsaccessories"
                    rel="nofollow"
                    target="_blank"
                    class="fill-white/40 transition-colors hover:fill-white"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="22">
                        <title>Instagram</title>
                        <path
                            d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"
                        />
                    </svg>
                </a>
            </li>
        
            </ul>

            <ul class="md: flex flex-wrap items-center justify-center space-x-1 space-y-2">
    <li class="sr-only">Accepted payment methods</li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>Visa</title>
            <path
                d="M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>MasterCard</title>
            <path
                d="M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="20">
            <title>PayPal</title>
            <path
                d="M7.016 19.198h-4.2a.562.562 0 0 1-.555-.65L5.093.584A.692.692 0 0 1 5.776 0h7.222c3.417 0 5.904 2.488 5.846 5.5-.006.25-.027.5-.066.747A6.794 6.794 0 0 1 12.071 12H8.743a.69.69 0 0 0-.682.583l-.325 2.056-.013.083-.692 4.39-.015.087zM19.79 6.142c-.01.087-.01.175-.023.261a7.76 7.76 0 0 1-7.695 6.598H9.007l-.283 1.795-.013.083-.692 4.39-.134.843-.014.088H6.86l-.497 3.15a.562.562 0 0 0 .555.65h3.612c.34 0 .63-.249.683-.585l.952-6.031a.692.692 0 0 1 .683-.584h2.126a6.793 6.793 0 0 0 6.707-5.752c.306-1.95-.466-3.744-1.89-4.906z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>Apple Pay</title>
            <path
                d="M2.15 4.318a42.16 42.16 0 0 0-.454.003c-.15.005-.303.013-.452.04a1.44 1.44 0 0 0-1.06.772c-.07.138-.114.278-.14.43-.028.148-.037.3-.04.45A10.2 10.2 0 0 0 0 6.222v11.557c0 .07.002.138.003.207.004.15.013.303.04.452.027.15.072.291.142.429a1.436 1.436 0 0 0 .63.63c.138.07.278.115.43.142.148.027.3.036.45.04l.208.003h20.194l.207-.003c.15-.004.303-.013.452-.04.15-.027.291-.071.428-.141a1.432 1.432 0 0 0 .631-.631c.07-.138.115-.278.141-.43.027-.148.036-.3.04-.45.002-.07.003-.138.003-.208l.001-.246V6.221c0-.07-.002-.138-.004-.207a2.995 2.995 0 0 0-.04-.452 1.446 1.446 0 0 0-1.2-1.201 3.022 3.022 0 0 0-.452-.04 10.448 10.448 0 0 0-.453-.003zm0 .512h19.942c.066 0 .131.002.197.003.115.004.25.01.375.032.109.02.2.05.287.094a.927.927 0 0 1 .407.407.997.997 0 0 1 .094.288c.022.123.028.258.031.374.002.065.003.13.003.197v11.552c0 .065 0 .13-.003.196-.003.115-.009.25-.032.375a.927.927 0 0 1-.5.693 1.002 1.002 0 0 1-.286.094 2.598 2.598 0 0 1-.373.032l-.2.003H1.906c-.066 0-.133-.002-.196-.003a2.61 2.61 0 0 1-.375-.032c-.109-.02-.2-.05-.288-.094a.918.918 0 0 1-.406-.407 1.006 1.006 0 0 1-.094-.288 2.531 2.531 0 0 1-.032-.373 9.588 9.588 0 0 1-.002-.197V6.224c0-.065 0-.131.002-.197.004-.114.01-.248.032-.375.02-.108.05-.199.094-.287a.925.925 0 0 1 .407-.406 1.03 1.03 0 0 1 .287-.094c.125-.022.26-.029.375-.032.065-.002.131-.002.196-.003zm4.71 3.7c-.3.016-.668.199-.88.456-.191.22-.36.58-.316.918.338.03.675-.169.888-.418.205-.258.345-.603.308-.955zm2.207.42v5.493h.852v-1.877h1.18c1.078 0 1.835-.739 1.835-1.812 0-1.07-.742-1.805-1.808-1.805zm.852.719h.982c.739 0 1.161.396 1.161 1.089 0 .692-.422 1.092-1.164 1.092h-.979zm-3.154.3c-.45.01-.83.28-1.05.28-.235 0-.593-.264-.981-.257a1.446 1.446 0 0 0-1.23.747c-.527.908-.139 2.255.374 2.995.249.366.549.769.944.754.373-.014.52-.242.973-.242.454 0 .586.242.98.235.41-.007.667-.366.915-.733.286-.417.403-.82.41-.841-.007-.008-.79-.308-.797-1.209-.008-.754.615-1.113.644-1.135-.352-.52-.9-.578-1.09-.593a1.123 1.123 0 0 0-.092-.002zm8.204.397c-.99 0-1.606.533-1.652 1.256h.777c.072-.358.369-.586.845-.586.502 0 .803.266.803.711v.309l-1.097.064c-.951.054-1.488.484-1.488 1.184 0 .72.548 1.207 1.332 1.207.526 0 1.032-.281 1.264-.727h.019v.659h.788v-2.76c0-.803-.62-1.317-1.591-1.317zm1.94.072l1.446 4.009c0 .003-.073.24-.073.247-.125.41-.33.571-.711.571-.069 0-.206 0-.267-.015v.666c.06.011.267.019.335.019.83 0 1.226-.312 1.568-1.283l1.5-4.214h-.868l-1.012 3.259h-.015l-1.013-3.26zm-1.167 2.189v.316c0 .521-.45.917-1.024.917-.442 0-.731-.228-.731-.579 0-.342.278-.56.769-.593z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>Google Pay</title>
            <path
                d="M3.963 7.235A3.963 3.963 0 00.422 9.419a3.963 3.963 0 000 3.559 3.963 3.963 0 003.541 2.184c1.07 0 1.97-.352 2.627-.957.748-.69 1.18-1.71 1.18-2.916a4.722 4.722 0 00-.07-.806H3.964v1.526h2.14a1.835 1.835 0 01-.79 1.205c-.356.241-.814.379-1.35.379-1.034 0-1.911-.697-2.225-1.636a2.375 2.375 0 010-1.517c.314-.94 1.191-1.636 2.225-1.636a2.152 2.152 0 011.52.594l1.132-1.13a3.808 3.808 0 00-2.652-1.033zm6.501.55v6.9h.886V11.89h1.465c.603 0 1.11-.196 1.522-.588a1.911 1.911 0 00.635-1.464 1.92 1.92 0 00-.635-1.456 2.125 2.125 0 00-1.522-.598zm2.427.85a1.156 1.156 0 01.823.365 1.176 1.176 0 010 1.686 1.171 1.171 0 01-.877.357H11.35V8.635h1.487a1.156 1.156 0 01.054 0zm4.124 1.175c-.842 0-1.477.308-1.907.925l.781.491c.288-.417.68-.626 1.175-.626a1.255 1.255 0 01.856.323 1.009 1.009 0 01.366.785v.202c-.34-.193-.774-.289-1.3-.289-.617 0-1.11.145-1.479.434-.37.288-.554.677-.554 1.165a1.476 1.476 0 00.525 1.156c.35.308.785.463 1.305.463.61 0 1.098-.27 1.465-.81h.038v.655h.848v-2.909c0-.61-.19-1.09-.568-1.44-.38-.35-.896-.525-1.551-.525zm2.263.154l1.946 4.422-1.098 2.38h.915L24 9.963h-.965l-1.368 3.391h-.02l-1.406-3.39zm-2.146 2.368c.494 0 .88.11 1.156.33 0 .372-.147.696-.44.973a1.413 1.413 0 01-.997.414 1.081 1.081 0 01-.69-.232.708.708 0 01-.293-.578c0-.257.12-.47.363-.647.24-.173.54-.26.9-.26Z"
            />
        </svg>
    </li>

    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg width="100" height="41" viewBox="0 0 1448 609" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M1166 389c-25 0-45-21-45-46 0-26 20-46 45-46s45 20 45 46c0 25-20 46-45 46Zm-12 49c21 0 49-8 64-40h1c-6 18-6 28-6 31v4h54V253h-54v4c0 2 0 13 6 30l-1 1a68 68 0 0 0-64-40c-52 0-88 41-88 95s36 95 88 95ZM971 248c-24 0-44 8-59 40l-2-1c7-17 7-28 7-30v-4h-54v180h55v-95c0-25 15-41 38-41 24 0 35 14 35 41v95h56V318c0-41-32-70-76-70Zm-189 40-1-1c6-17 6-28 6-30v-4h-54v180h56v-87c0-25 14-41 36-41l16 3v-55c-25-6-47 4-59 35ZM605 389c-25 0-45-21-45-46 0-26 20-46 45-46s45 20 45 46c0 25-20 46-45 46Zm-13 49c22 0 49-8 65-40h1c-7 18-7 28-7 31v4h55V253h-55v4c0 2 0 13 7 30l-1 1a68 68 0 0 0-65-40c-51 0-88 41-88 95s37 95 88 95Zm-165-5h56V172h-56v261Zm-41-261h-57c0 47-28 88-72 118l-17 12V172h-59v261h59V304l98 129h72l-94-124c43-31 70-79 70-137Z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg viewBox="0 16 115.19 39.38" width="115" height="41" xmlns="http://www.w3.org/2000/svg">
            <path
                d="m82.416 31.465-5.768 11.97h-2.393l2.155-4.473-3.388-7.497h2.454l2.177 5.02 2.378-5.02h2.385ZM60.463 35.715c0-1.378-1.031-2.431-2.3-2.431-1.267 0-2.299 1.02-2.299 2.43 0 1.411 1.032 2.431 2.3 2.431 1.268 0 2.3-1.053 2.3-2.43Zm-6.695 7.72v-11.97h2.08v1.105c.625-.782 1.555-1.258 2.67-1.258 2.283 0 4.075 1.887 4.075 4.386s-1.825 4.403-4.125 4.403c-1.065 0-1.944-.425-2.553-1.14v4.473h-2.147ZM70.087 35.715c0-1.428-1.031-2.431-2.3-2.431s-2.3 1.02-2.3 2.43c0 1.411 1.032 2.431 2.3 2.431 1.268 0 2.3-1.002 2.3-2.43Zm.017 4.25v-1.106c-.626.765-1.556 1.242-2.671 1.242-2.316 0-4.075-1.87-4.075-4.386s1.826-4.403 4.125-4.403c1.082 0 1.995.477 2.62 1.224v-1.07h2.08v8.499h-2.08ZM50.021 32.298s.53-.986 1.826-.986c.554 0 .913.192.913.192v2.168s-.783-.485-1.501-.387c-.718.098-1.172.76-1.17 1.648v5.032H47.94v-8.5h2.08v.834-.001ZM98.555 30.986l-2.459-1.419-2.493-1.438c-1.653-.954-3.714.246-3.714 2.162v.323c0 .177.094.34.247.428l1.156.667a.482.482 0 0 0 .722-.42v-.765a.49.49 0 0 1 .733-.427l2.28 1.315 2.272 1.312a.494.494 0 0 1 0 .855l-2.272 1.31-2.28 1.316a.49.49 0 0 1-.733-.427v-.38c0-1.917-2.06-3.117-3.713-2.163l-2.494 1.439-2.459 1.418c-1.66.958-1.66 3.367 0 4.326l2.459 1.418 2.494 1.439c1.653.953 3.713-.246 3.713-2.163v-.324a.494.494 0 0 0-.246-.428l-1.157-.667a.482.482 0 0 0-.722.42v.765a.49.49 0 0 1-.733.427l-2.28-1.315-2.272-1.31a.494.494 0 0 1 0-.856l2.272-1.311 2.28-1.315a.49.49 0 0 1 .733.427v.38c0 1.917 2.06 3.116 3.714 2.163l2.493-1.439 2.46-1.419c1.66-.957 1.66-3.366 0-4.325ZM24.051 36.798c-.456 1.953-2.128 3.295-4.29 3.295-2.5 0-4.375-1.886-4.375-4.383 0-2.496 1.908-4.399 4.409-4.399 2.111 0 3.767 1.343 4.24 3.262h-2.197c-.388-.764-1.165-1.274-2.027-1.274-1.25 0-2.297 1.036-2.297 2.411 0 1.376 1.047 2.412 2.297 2.412.896 0 1.672-.51 2.045-1.325h2.195ZM25.042 39.957V27.97h2.129v11.987h-2.129ZM30.367 36.271c.152 1.257 1.047 1.97 2.18 1.97.894 0 1.587-.425 1.993-1.103h2.179c-.507 1.8-2.112 2.955-4.223 2.955-2.55 0-4.342-1.8-4.342-4.366 0-2.564 1.892-4.416 4.392-4.416 2.5 0 4.342 1.869 4.342 4.416 0 .187-.017.374-.051.544h-6.47Zm4.24-1.325c-.153-1.104-1.048-1.766-2.095-1.766-1.047 0-1.909.645-2.128 1.766h4.223ZM44.473 39.957v-1.104c-.624.764-1.554 1.24-2.669 1.24-2.314 0-4.07-1.869-4.07-4.383 0-2.514 1.824-4.399 4.12-4.399 1.082 0 1.995.476 2.62 1.224v-1.07h2.077v8.492h-2.078Zm-.017-4.247c0-1.426-1.03-2.428-2.297-2.428-1.267 0-2.298 1.019-2.298 2.428 0 1.41 1.03 2.43 2.298 2.43 1.267 0 2.297-1.003 2.297-2.43Z"
            />
            <defs>
                <clipPath id="a"><path d="M0 0h115v72H0z" /></clipPath>
            </defs>
        </svg>
    </li>
</ul>
        </div>

        <!-- mobile -->
        <div class="container flex flex-col items-center justify-center pt-4 lg:hidden">
            <div class="col-span-12 border-white/30 pb-4 md:mb-4 md:border-b">
                <div class="items-center justify-center space-x-4 text-center md:flex">
                    <div class="mb-4 flex items-center justify-center space-x-4 md:mb-0">
                        <a href="https://jsaccessories.co.uk" title="J&amp;S Accessories Homepage">
                            <img
                                src="https://cdn.jsac.media/property/logos/js.svg"
                                alt="J&amp;S Accessories"
                                width="100"
                            />
                        </a>
                    </div>
                    <div class="mb-4 flex flex-wrap items-center justify-center space-x-4 md:mb-0">
                        <p class="text-white">J&amp;S Accessories, Chester Rd, Oakmere, CW8 2HB</p>
                    </div>
                    <div class="flex items-center justify-center">
                        <ul class="flex items-center space-x-5">
        <li class="sr-only">Social media links</li>
                    <li class="inline-block">
                <a
                    href="https://x.com/js_accessories"
                    rel="nofollow"
                    target="_blank"
                    class="dark:hover:bg-brand-js-500 fill-white/40 transition-colors hover:fill-white dark:bg-white dark:fill-black dark:hover:fill-black"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="22">
                        <title>X</title>
                        <path
                            d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
                        />
                    </svg>
                </a>
            </li>
        
                    <li class="inline-block">
                <a
                    href="https://www.youtube.com/jandsaccessories30"
                    rel="nofollow"
                    target="_blank"
                    class="fill-white/40 transition-colors hover:fill-white"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="25">
                        <title>YouTube</title>
                        <path
                            d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
                        />
                    </svg>
                </a>
            </li>
        
                    <li class="inline-block">
                <a
                    href="https://www.facebook.com/jsaccessories"
                    rel="nofollow"
                    target="_blank"
                    class="fill-white/40 transition-colors hover:fill-white"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="22">
                        <title>Facebook</title>
                        <path
                            d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"
                        />
                    </svg>
                </a>
            </li>
        
                    <li class="inline-block">
                <a
                    href="https://www.instagram.com/jandsaccessories"
                    rel="nofollow"
                    target="_blank"
                    class="fill-white/40 transition-colors hover:fill-white"
                >
                    <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="22">
                        <title>Instagram</title>
                        <path
                            d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"
                        />
                    </svg>
                </a>
            </li>
        
            </ul>
                    </div>
                </div>
            </div>
            <div class="col-span-12 mb-4">
                <div class="items-center justify-center space-x-4 md:flex">
                    <div class="flex items-center justify-center space-x-4">
                        <a href="https://www.feefo.com/reviews/js-accessories-limited" target="_blank">
                            <img
                                alt="Feefo logo"
                                border="0"
                                src="https://api.feefo.com/api/logo?merchantidentifier=js-accessories-limited"
                                title="See what our customers say about us"
                            />
                        </a>
                        <a href="https://www.feefo.com/reviews/js-accessories-limited" class="block" target="_blank">
                            <img
                                class="h-[38px]"
                                src="https://cdn.jsac.media/property/js/feefo2.webp?v=6a5ede69"
                                alt="Feefo logo"
                                loading="lazy"
                            />
                        </a>
                    </div>
                </div>
            </div>

            <div class="container flex justify-center px-4 pt-4">
                <div class="col-span-12 pb-4 text-center">
                    <p class="pb-4 text-xl font-semibold">Customer Service</p>
                    <ul
                        role="menu"
                        class="flex flex-wrap justify-center gap-y-2 space-x-4 text-white/40 [&>li]:border-r [&>li]:border-white/30 [&>li]:pr-4"
                    >
                        <li>
                            <a href="https://jsaccessories.co.uk/account" class="hover:text-white">Account Login</a>
                        </li>
                        <li>
                            <a href="https://jsaccessories.co.uk/customer-service" class="hover:text-white">
                                Help &amp; Contact
                            </a>
                        </li>
                        <li>
                            <a href="https://jsaccessories.co.uk/stores" class="hover:text-white">Find a store</a>
                        </li>

                        <li>
                            <a href="tel:+441606272530" class="hover:text-white">
                                +44 (0)1606 272 530
                            </a>
                        </li>
                        <li>
                            <a
                                href="mailto:enquiries@jsaccessories.net"
                                aria-label="Email"
                                class="hover:text-white"
                                rel="nofollow"
                            >
                                enquiries@jsaccessories.net
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <p class="mt-6 text-lg font-semibold">
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    fill="none"
                    viewBox="0 0 24 24"
                    stroke-width="1.5"
                    stroke="currentColor"
                    class="mr-4 inline size-5"
                >
                    <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"
                    ></path>
                </svg>
                Secure Payments
            </p>

            <ul class="md:justify-center flex flex-wrap items-center justify-center space-x-1 space-y-2">
    <li class="sr-only">Accepted payment methods</li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>Visa</title>
            <path
                d="M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>MasterCard</title>
            <path
                d="M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="20">
            <title>PayPal</title>
            <path
                d="M7.016 19.198h-4.2a.562.562 0 0 1-.555-.65L5.093.584A.692.692 0 0 1 5.776 0h7.222c3.417 0 5.904 2.488 5.846 5.5-.006.25-.027.5-.066.747A6.794 6.794 0 0 1 12.071 12H8.743a.69.69 0 0 0-.682.583l-.325 2.056-.013.083-.692 4.39-.015.087zM19.79 6.142c-.01.087-.01.175-.023.261a7.76 7.76 0 0 1-7.695 6.598H9.007l-.283 1.795-.013.083-.692 4.39-.134.843-.014.088H6.86l-.497 3.15a.562.562 0 0 0 .555.65h3.612c.34 0 .63-.249.683-.585l.952-6.031a.692.692 0 0 1 .683-.584h2.126a6.793 6.793 0 0 0 6.707-5.752c.306-1.95-.466-3.744-1.89-4.906z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>Apple Pay</title>
            <path
                d="M2.15 4.318a42.16 42.16 0 0 0-.454.003c-.15.005-.303.013-.452.04a1.44 1.44 0 0 0-1.06.772c-.07.138-.114.278-.14.43-.028.148-.037.3-.04.45A10.2 10.2 0 0 0 0 6.222v11.557c0 .07.002.138.003.207.004.15.013.303.04.452.027.15.072.291.142.429a1.436 1.436 0 0 0 .63.63c.138.07.278.115.43.142.148.027.3.036.45.04l.208.003h20.194l.207-.003c.15-.004.303-.013.452-.04.15-.027.291-.071.428-.141a1.432 1.432 0 0 0 .631-.631c.07-.138.115-.278.141-.43.027-.148.036-.3.04-.45.002-.07.003-.138.003-.208l.001-.246V6.221c0-.07-.002-.138-.004-.207a2.995 2.995 0 0 0-.04-.452 1.446 1.446 0 0 0-1.2-1.201 3.022 3.022 0 0 0-.452-.04 10.448 10.448 0 0 0-.453-.003zm0 .512h19.942c.066 0 .131.002.197.003.115.004.25.01.375.032.109.02.2.05.287.094a.927.927 0 0 1 .407.407.997.997 0 0 1 .094.288c.022.123.028.258.031.374.002.065.003.13.003.197v11.552c0 .065 0 .13-.003.196-.003.115-.009.25-.032.375a.927.927 0 0 1-.5.693 1.002 1.002 0 0 1-.286.094 2.598 2.598 0 0 1-.373.032l-.2.003H1.906c-.066 0-.133-.002-.196-.003a2.61 2.61 0 0 1-.375-.032c-.109-.02-.2-.05-.288-.094a.918.918 0 0 1-.406-.407 1.006 1.006 0 0 1-.094-.288 2.531 2.531 0 0 1-.032-.373 9.588 9.588 0 0 1-.002-.197V6.224c0-.065 0-.131.002-.197.004-.114.01-.248.032-.375.02-.108.05-.199.094-.287a.925.925 0 0 1 .407-.406 1.03 1.03 0 0 1 .287-.094c.125-.022.26-.029.375-.032.065-.002.131-.002.196-.003zm4.71 3.7c-.3.016-.668.199-.88.456-.191.22-.36.58-.316.918.338.03.675-.169.888-.418.205-.258.345-.603.308-.955zm2.207.42v5.493h.852v-1.877h1.18c1.078 0 1.835-.739 1.835-1.812 0-1.07-.742-1.805-1.808-1.805zm.852.719h.982c.739 0 1.161.396 1.161 1.089 0 .692-.422 1.092-1.164 1.092h-.979zm-3.154.3c-.45.01-.83.28-1.05.28-.235 0-.593-.264-.981-.257a1.446 1.446 0 0 0-1.23.747c-.527.908-.139 2.255.374 2.995.249.366.549.769.944.754.373-.014.52-.242.973-.242.454 0 .586.242.98.235.41-.007.667-.366.915-.733.286-.417.403-.82.41-.841-.007-.008-.79-.308-.797-1.209-.008-.754.615-1.113.644-1.135-.352-.52-.9-.578-1.09-.593a1.123 1.123 0 0 0-.092-.002zm8.204.397c-.99 0-1.606.533-1.652 1.256h.777c.072-.358.369-.586.845-.586.502 0 .803.266.803.711v.309l-1.097.064c-.951.054-1.488.484-1.488 1.184 0 .72.548 1.207 1.332 1.207.526 0 1.032-.281 1.264-.727h.019v.659h.788v-2.76c0-.803-.62-1.317-1.591-1.317zm1.94.072l1.446 4.009c0 .003-.073.24-.073.247-.125.41-.33.571-.711.571-.069 0-.206 0-.267-.015v.666c.06.011.267.019.335.019.83 0 1.226-.312 1.568-1.283l1.5-4.214h-.868l-1.012 3.259h-.015l-1.013-3.26zm-1.167 2.189v.316c0 .521-.45.917-1.024.917-.442 0-.731-.228-.731-.579 0-.342.278-.56.769-.593z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="30">
            <title>Google Pay</title>
            <path
                d="M3.963 7.235A3.963 3.963 0 00.422 9.419a3.963 3.963 0 000 3.559 3.963 3.963 0 003.541 2.184c1.07 0 1.97-.352 2.627-.957.748-.69 1.18-1.71 1.18-2.916a4.722 4.722 0 00-.07-.806H3.964v1.526h2.14a1.835 1.835 0 01-.79 1.205c-.356.241-.814.379-1.35.379-1.034 0-1.911-.697-2.225-1.636a2.375 2.375 0 010-1.517c.314-.94 1.191-1.636 2.225-1.636a2.152 2.152 0 011.52.594l1.132-1.13a3.808 3.808 0 00-2.652-1.033zm6.501.55v6.9h.886V11.89h1.465c.603 0 1.11-.196 1.522-.588a1.911 1.911 0 00.635-1.464 1.92 1.92 0 00-.635-1.456 2.125 2.125 0 00-1.522-.598zm2.427.85a1.156 1.156 0 01.823.365 1.176 1.176 0 010 1.686 1.171 1.171 0 01-.877.357H11.35V8.635h1.487a1.156 1.156 0 01.054 0zm4.124 1.175c-.842 0-1.477.308-1.907.925l.781.491c.288-.417.68-.626 1.175-.626a1.255 1.255 0 01.856.323 1.009 1.009 0 01.366.785v.202c-.34-.193-.774-.289-1.3-.289-.617 0-1.11.145-1.479.434-.37.288-.554.677-.554 1.165a1.476 1.476 0 00.525 1.156c.35.308.785.463 1.305.463.61 0 1.098-.27 1.465-.81h.038v.655h.848v-2.909c0-.61-.19-1.09-.568-1.44-.38-.35-.896-.525-1.551-.525zm2.263.154l1.946 4.422-1.098 2.38h.915L24 9.963h-.965l-1.368 3.391h-.02l-1.406-3.39zm-2.146 2.368c.494 0 .88.11 1.156.33 0 .372-.147.696-.44.973a1.413 1.413 0 01-.997.414 1.081 1.081 0 01-.69-.232.708.708 0 01-.293-.578c0-.257.12-.47.363-.647.24-.173.54-.26.9-.26Z"
            />
        </svg>
    </li>

    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg width="100" height="41" viewBox="0 0 1448 609" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M1166 389c-25 0-45-21-45-46 0-26 20-46 45-46s45 20 45 46c0 25-20 46-45 46Zm-12 49c21 0 49-8 64-40h1c-6 18-6 28-6 31v4h54V253h-54v4c0 2 0 13 6 30l-1 1a68 68 0 0 0-64-40c-52 0-88 41-88 95s36 95 88 95ZM971 248c-24 0-44 8-59 40l-2-1c7-17 7-28 7-30v-4h-54v180h55v-95c0-25 15-41 38-41 24 0 35 14 35 41v95h56V318c0-41-32-70-76-70Zm-189 40-1-1c6-17 6-28 6-30v-4h-54v180h56v-87c0-25 14-41 36-41l16 3v-55c-25-6-47 4-59 35ZM605 389c-25 0-45-21-45-46 0-26 20-46 45-46s45 20 45 46c0 25-20 46-45 46Zm-13 49c22 0 49-8 65-40h1c-7 18-7 28-7 31v4h55V253h-55v4c0 2 0 13 7 30l-1 1a68 68 0 0 0-65-40c-51 0-88 41-88 95s37 95 88 95Zm-165-5h56V172h-56v261Zm-41-261h-57c0 47-28 88-72 118l-17 12V172h-59v261h59V304l98 129h72l-94-124c43-31 70-79 70-137Z"
            />
        </svg>
    </li>
    <li
        class="bg-white/60 xl:bg-white fill-black flex h-[30px] w-[50px] items-center justify-center rounded-sm"
    >
        <svg viewBox="0 16 115.19 39.38" width="115" height="41" xmlns="http://www.w3.org/2000/svg">
            <path
                d="m82.416 31.465-5.768 11.97h-2.393l2.155-4.473-3.388-7.497h2.454l2.177 5.02 2.378-5.02h2.385ZM60.463 35.715c0-1.378-1.031-2.431-2.3-2.431-1.267 0-2.299 1.02-2.299 2.43 0 1.411 1.032 2.431 2.3 2.431 1.268 0 2.3-1.053 2.3-2.43Zm-6.695 7.72v-11.97h2.08v1.105c.625-.782 1.555-1.258 2.67-1.258 2.283 0 4.075 1.887 4.075 4.386s-1.825 4.403-4.125 4.403c-1.065 0-1.944-.425-2.553-1.14v4.473h-2.147ZM70.087 35.715c0-1.428-1.031-2.431-2.3-2.431s-2.3 1.02-2.3 2.43c0 1.411 1.032 2.431 2.3 2.431 1.268 0 2.3-1.002 2.3-2.43Zm.017 4.25v-1.106c-.626.765-1.556 1.242-2.671 1.242-2.316 0-4.075-1.87-4.075-4.386s1.826-4.403 4.125-4.403c1.082 0 1.995.477 2.62 1.224v-1.07h2.08v8.499h-2.08ZM50.021 32.298s.53-.986 1.826-.986c.554 0 .913.192.913.192v2.168s-.783-.485-1.501-.387c-.718.098-1.172.76-1.17 1.648v5.032H47.94v-8.5h2.08v.834-.001ZM98.555 30.986l-2.459-1.419-2.493-1.438c-1.653-.954-3.714.246-3.714 2.162v.323c0 .177.094.34.247.428l1.156.667a.482.482 0 0 0 .722-.42v-.765a.49.49 0 0 1 .733-.427l2.28 1.315 2.272 1.312a.494.494 0 0 1 0 .855l-2.272 1.31-2.28 1.316a.49.49 0 0 1-.733-.427v-.38c0-1.917-2.06-3.117-3.713-2.163l-2.494 1.439-2.459 1.418c-1.66.958-1.66 3.367 0 4.326l2.459 1.418 2.494 1.439c1.653.953 3.713-.246 3.713-2.163v-.324a.494.494 0 0 0-.246-.428l-1.157-.667a.482.482 0 0 0-.722.42v.765a.49.49 0 0 1-.733.427l-2.28-1.315-2.272-1.31a.494.494 0 0 1 0-.856l2.272-1.311 2.28-1.315a.49.49 0 0 1 .733.427v.38c0 1.917 2.06 3.116 3.714 2.163l2.493-1.439 2.46-1.419c1.66-.957 1.66-3.366 0-4.325ZM24.051 36.798c-.456 1.953-2.128 3.295-4.29 3.295-2.5 0-4.375-1.886-4.375-4.383 0-2.496 1.908-4.399 4.409-4.399 2.111 0 3.767 1.343 4.24 3.262h-2.197c-.388-.764-1.165-1.274-2.027-1.274-1.25 0-2.297 1.036-2.297 2.411 0 1.376 1.047 2.412 2.297 2.412.896 0 1.672-.51 2.045-1.325h2.195ZM25.042 39.957V27.97h2.129v11.987h-2.129ZM30.367 36.271c.152 1.257 1.047 1.97 2.18 1.97.894 0 1.587-.425 1.993-1.103h2.179c-.507 1.8-2.112 2.955-4.223 2.955-2.55 0-4.342-1.8-4.342-4.366 0-2.564 1.892-4.416 4.392-4.416 2.5 0 4.342 1.869 4.342 4.416 0 .187-.017.374-.051.544h-6.47Zm4.24-1.325c-.153-1.104-1.048-1.766-2.095-1.766-1.047 0-1.909.645-2.128 1.766h4.223ZM44.473 39.957v-1.104c-.624.764-1.554 1.24-2.669 1.24-2.314 0-4.07-1.869-4.07-4.383 0-2.514 1.824-4.399 4.12-4.399 1.082 0 1.995.476 2.62 1.224v-1.07h2.077v8.492h-2.078Zm-.017-4.247c0-1.426-1.03-2.428-2.297-2.428-1.267 0-2.298 1.019-2.298 2.428 0 1.41 1.03 2.43 2.298 2.43 1.267 0 2.297-1.003 2.297-2.43Z"
            />
            <defs>
                <clipPath id="a"><path d="M0 0h115v72H0z" /></clipPath>
            </defs>
        </svg>
    </li>
</ul>
        </div>
        <!-- end mobile -->

        <div
            class="mt-8 border-t border-white/10 py-8 text-center text-white/40"
            x-data="{ isFinancialDisclosureVisible: false }"
        >
            <div class="mx-auto max-w-4xl">
                <div
                    class="block justify-center gap-x-4 space-y-3 leading-none md:flex md:space-y-0 md:divide-x md:divide-white/30 [&>*]:pl-4"
                >
                    <p>
                        &copy; Copyright 2026
                        J&amp;S Accessories
                    </p>
                    <p>All rights reserved</p>
                    <p class="w-100">
                        <button
                            class="hover:text-white hover:underline"
                            x-on:click.prevent="isFinancialDisclosureVisible = !isFinancialDisclosureVisible"
                        >
                            Financial disclosure
                        </button>
                    </p>
                </div>
                <p class="mt-4 inline-flex px-4 2xl:px-0" x-show="isFinancialDisclosureVisible">
                    J&S Accessories Limited is a credit broker, not a lender. We do not charge you for credit broking
                    services, nor do we receive payment, for introducing customers to Omni Capital Retail Finance
                    Limited, Clearpay, Klarna, or PayPal Pay in 3. 0% finance with a term of 12 months or less is not
                    regulated by the Financial Conduct Authority.
                </p>
            </div>
        </div>
    </div>
</footer>



        <div
    class="relative z-50"
    x-cloak
    x-data="{ isOpen: false, event: '' }"
    x-on:ui_alert_open.window="() => { isOpen = true; event = $event.detail; }"
    x-on:ui_alert_close.window="isOpen = false;"
>
    <div x-show="isOpen">
        <div
            class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity dark:bg-black/60"
            x-show="isOpen"
            x-transition:enter="duration-300 ease-out"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="duration-200 ease-in"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
        ></div>

        <div class="fixed inset-0 z-10 overflow-y-auto">
            <div class="flex min-h-[100dvh] items-center justify-center p-4 text-center sm:items-center sm:p-0">
                <div
                    class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-xl"
                    x-show="isOpen"
                    x-transition:enter="duration-300 ease-out"
                    x-transition:enter-start="translate-y-4 opacity-0 sm:translate-y-0 sm:scale-95"
                    x-transition:enter-end="translate-y-0 opacity-100 sm:scale-100"
                    x-transition:leave="duration-200 ease-in"
                    x-transition:leave-start="translate-y-0 opacity-100 sm:scale-100"
                    x-transition:leave-end="translate-y-4 opacity-0 sm:translate-y-0 sm:scale-95"
                >
                    <div class="bg-white px-4 py-4 sm:p-6 sm:pb-4">
                        <div class="sm:flex sm:items-start">
                            <div class="mx-auto flex h-12 w-12 sm:mx-0 sm:h-10 sm:w-10">
                                <template x-if="event.type === 'error'">
                                    <div class="flex h-full w-full items-center justify-center rounded-full bg-red-100">
                                        <svg
                                            class="h-6 w-6 text-red-600"
                                            xmlns="http://www.w3.org/2000/svg"
                                            fill="none"
                                            viewBox="0 0 24 24"
                                            stroke-width="1.5"
                                            stroke="currentColor"
                                        >
                                            <path
                                                stroke-linecap="round"
                                                stroke-linejoin="round"
                                                d="M6 18 18 6M6 6l12 12"
                                            />
                                        </svg>
                                    </div>
                                </template>

                                <template x-if="event.type === 'success'">
                                    <div
                                        class="flex h-full w-full items-center justify-center rounded-full bg-green-100"
                                    >
                                        <svg
                                            class="h-6 w-6 text-green-600"
                                            xmlns="http://www.w3.org/2000/svg"
                                            fill="none"
                                            viewBox="0 0 24 24"
                                            stroke-width="1.5"
                                            stroke="currentColor"
                                        >
                                            <path
                                                stroke-linecap="round"
                                                stroke-linejoin="round"
                                                d="m4.5 12.75 6 6 9-13.5"
                                            />
                                        </svg>
                                    </div>
                                </template>

                                <template x-if="event.type === 'warning'">
                                    <div
                                        class="flex h-full w-full items-center justify-center rounded-full bg-yellow-100"
                                    >
                                        <svg
                                            class="h-6 w-6 text-yellow-600"
                                            xmlns="http://www.w3.org/2000/svg"
                                            fill="none"
                                            viewBox="0 0 24 24"
                                            stroke-width="1.5"
                                            stroke="currentColor"
                                            aria-hidden="true"
                                        >
                                            <path
                                                stroke-linecap="round"
                                                stroke-linejoin="round"
                                                d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
                                            />
                                        </svg>
                                    </div>
                                </template>
                            </div>

                            <div class="mt-3 flex-1 text-center sm:ml-4 sm:mt-0 sm:text-left">
                                <h3 class="text-lg font-semibold leading-6 text-gray-900" x-text="event.title"></h3>
                                <p class="mt-1 text-gray-500" x-html="event.message"></p>
                            </div>
                        </div>
                    </div>
                    <div class="space-x-2 space-x-reverse bg-gray-100 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
                        <button class="button ok !rounded-md" x-on:click.prevent="isOpen = false">
                            <span>Okay</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        <div wire:snapshot="{&quot;data&quot;:{&quot;loginForm&quot;:[{&quot;email&quot;:&quot;&quot;,&quot;password&quot;:&quot;&quot;,&quot;remember&quot;:true},{&quot;s&quot;:&quot;arr&quot;}],&quot;registerForm&quot;:[{&quot;first_name&quot;:&quot;&quot;,&quot;last_name&quot;:&quot;&quot;,&quot;email&quot;:&quot;&quot;,&quot;password&quot;:&quot;&quot;,&quot;password_confirmation&quot;:&quot;&quot;,&quot;terms&quot;:0},{&quot;s&quot;:&quot;arr&quot;}],&quot;forgotForm&quot;:[{&quot;email&quot;:&quot;&quot;},{&quot;s&quot;:&quot;arr&quot;}],&quot;lm&quot;:false,&quot;errorMessage&quot;:&quot;&quot;,&quot;responseMessage&quot;:&quot;&quot;,&quot;currentView&quot;:&quot;login&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;kiQGShAsknb6coYkGFln&quot;,&quot;name&quot;:&quot;modals.site-auth&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;50c9afd05699780413c1eb322532925426f257fa008eaf80ab8c84b534118d57&quot;}" wire:effects="{&quot;url&quot;:{&quot;lm&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:false}}}" wire:id="kiQGShAsknb6coYkGFln">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
        <div wire:snapshot="{&quot;data&quot;:{&quot;order&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;oysbvEvfOLPpr0Xtr4sM&quot;,&quot;name&quot;:&quot;flyouts.mobile-cart&quot;,&quot;path&quot;:&quot;blog\/feed&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;ef232d918af2de1cd3971b821b0688cca919967b601d6b9f93d5c7af4512d0d7&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cart_item_added&quot;,&quot;cart_item_removed&quot;]}" wire:id="oysbvEvfOLPpr0Xtr4sM" class="relative z-50 xl:hidden" x-cloak aria-labelledby="slide-over-title" role="dialog" aria-modal="true">
    <div x-show="isMobileCartFlyoutVisible" x-trap.inert.noscroll="isMobileCartFlyoutVisible">
        <div
            class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity dark:bg-brand-pmx-dark dark:bg-opacity-50"
            x-show="isMobileCartFlyoutVisible"
            x-transition:enter="duration-300 ease-out"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="duration-200 ease-in"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
        ></div>

        <div class="fixed inset-0 overflow-hidden">
            <div class="absolute inset-0 overflow-hidden">
                <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-4 md:pl-10">
                    <div
                        class="pointer-events-auto relative w-screen max-w-md"
                        x-show="isMobileCartFlyoutVisible"
                        x-transition:enter="transform transition duration-500 ease-in-out sm:duration-700"
                        x-transition:enter-start="translate-x-full"
                        x-transition:enter-end="translate-x-0"
                        x-transition:leave="transform transition duration-500 ease-in-out sm:duration-700"
                        x-transition:leave-start="translate-x-0"
                        x-transition:leave-end="translate-x-full"
                    >
                        <div
                            class="home-padding flex h-full flex-col divide-y divide-gray-200 overflow-y-scroll bg-white pb-[113px] pt-[60px] shadow-xl parent-property-pmx:bg-black dark:bg-black"
                        >
                            <div class="flex items-center p-2 px-4">
                                <p class="text-xl font-semibold parent-property-pmx:text-white dark:text-white">
                                    Your Cart: 0 items
                                </p>

                                <button class="ml-auto" x-on:click.prevent="closeAllFlyouts()">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor"
                                        class="h-8 w-8 parent-property-pmx:fill-white parent-property-pmx:text-black dark:fill-white dark:text-black"
                                    >
                                        <path
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
                                        />
                                    </svg>
                                </button>
                            </div>
                            <div class="w-full border-t-2 p-2 px-4">
                                <p class="text-brand-js-500 lg:text-left">
                                    Items in your cart aren't reserved and may sell out.
                                </p>
                            </div>
                            <div
                                class="space-y-2 overflow-y-auto bg-white p-4 pb-[250px] parent-property-pmx:bg-black dark:bg-black"
                            >
                                <!--[if BLOCK]><![endif]-->                                    <div>
                                        <p class="text-center text-gray-500 dark:text-black">
                                            Your cart does not contain any items.
                                        </p>
                                    </div>
                                <!--[if ENDBLOCK]><![endif]-->
                            </div>
                        </div>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        <div class="relative z-50 xl:hidden" x-cloak aria-labelledby="slide-over-title" role="dialog" aria-modal="true">
    <div x-show="isMobileMenuFlyoutVisible" x-trap.inert.noscroll="isMobileMenuFlyoutVisible">
        <div
            class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity dark:bg-black"
            x-show="isMobileMenuFlyoutVisible"
            x-transition:enter="duration-300 ease-out"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="duration-200 ease-in"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
        ></div>

        <div class="fixed inset-0 overflow-hidden">
            <div class="absolute inset-0 overflow-hidden">
                <div class="pointer-events-none fixed inset-y-0 left-0 flex max-w-full pr-10">
                    <div
                        class="pointer-events-auto w-screen max-w-md"
                        x-show="isMobileMenuFlyoutVisible"
                        x-transition:enter="transform transition duration-500 ease-in-out sm:duration-700"
                        x-transition:enter-start="-translate-x-full"
                        x-transition:enter-end="translate-x-0"
                        x-transition:leave="transform transition duration-500 ease-in-out sm:duration-700"
                        x-transition:leave-start="translate-x-0"
                        x-transition:leave-end="-translate-x-full"
                    >
                        <div
                            class="pmx-active-shadow flex h-full flex-col divide-y divide-gray-200 overflow-y-scroll bg-white pt-[60px] text-gray-800 shadow-xl parent-property-ft:pt-0 parent-property-pmx:bg-black parent-property-pmx:text-white dark:bg-black dark:text-white"
                        >
                            <div class="hidden justify-end p-4 parent-property-ft:flex">
                                <button x-on:click="isMobileMenuFlyoutVisible = false" class="block">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor"
                                        class="size-8"
                                    >
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
                                    </svg>
                                </button>
                            </div>
                            <div class="p-4">
                                                                    <button
                                        x-on:click="Livewire.navigate('https://jsaccessories.co.uk/blog/feed?lm=true')"
                                        class="button bg-brand-js-500 justify-centre flex !h-full w-full items-center rounded-md bg-black !py-0 !leading-[44px] text-white hover:bg-black/80 parent-property-pmx:bg-brand-pmx parent-property-pmx:text-black"
                                    >
                                        <svg
                                            xmlns="http://www.w3.org/2000/svg"
                                            fill="none"
                                            viewBox="0 0 24 24"
                                            stroke-width="1.5"
                                            stroke="currentColor"
                                            class="mr-2 size-5 parent-property-ft:h-6 parent-property-ft:w-6"
                                        >
                                            <path
                                                stroke-linecap="round"
                                                stroke-linejoin="round"
                                                d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
                                            />
                                        </svg>
                                        Login to your account
                                    </button>
                                                            </div>
                            <div class="relative flex-1">
                                                                    <ul class="divide-y divide-gray-200" role="menu">
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Helmets
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/category/motorcycle-helmets">
                                                                    Helmets
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                By Type:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/full-face"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Full Face
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/flip-front"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Flip Front
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/open-face"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Open Face
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/adventure-touring"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Adventure
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/motocross-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/ladies-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Ladies
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Related Departments:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/intercoms"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Intercoms
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/helmet-cameras"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Helmet Cameras
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/visors"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Visors
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/pinlocks"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Pinlocks
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/classic-goggles"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Classic Goggles
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/motocross-goggles"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Goggles
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/helmet-care"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Helmet Care
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/visor-bags"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Helmet &amp; Visor Bags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-helmets/kids"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Kids Helmets
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                                
                                                                                                                            <div class="relative bg-[#eee] p-6">
                                                                    <ul class="flex flex-wrap gap-2">
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/akito/akito-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/agv-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/agv.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/airoh-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/airoh.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/alpinestars/alpinestars-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/arai-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/arai.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bell-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bell.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/caberg-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/caberg.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/fox/fox-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/motorcycle-helmets/frank-thomas-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/givi/givi-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/givi.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/hjc-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/hjc.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/ixs/ixs-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/ls2-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/ls2.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/mds-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/mds.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/mt-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/mt.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/nitro-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/nitro.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/nolan-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/nolan.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/oneal/oneal-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/oneal.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/schuberth-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/schuberth.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/scorpion-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/scorpion.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/shark-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/shark.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/shoei-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/shoei.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/simpson-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/simpson.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/vcan-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/vcan.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/x-lite-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/x-lite.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                            </ul>
                                                                </div>
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Clothing
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/category/motorcycle-clothing">
                                                                    Clothing
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                By Type:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/jackets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Jackets
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/trousers"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Trousers
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/denim-jeans"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Denim
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/leather-suits"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Suits
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/casual-clothing"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Casual Clothing
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/body-armour"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Body Armour
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/waterproofs"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Waterproofs
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/motorcycle-airbags-and-clothing"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Airbags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/heated-clothing"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Heated Clothing
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/base-layers"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Base Layers
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Related Departments:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/kids-clothing"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Kids Clothing
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/hi-viz-clothing"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Hi-Viz Clothing
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/clothing-care-products"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Clothing Care Products
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/braces"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Braces
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/knee-sliders"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Knee Sliders
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/workwear"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Workwear
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-clothing/waistcoats"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Waistcoats
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                                
                                                                                                                            <div class="relative bg-[#eee] p-6">
                                                                    <ul class="flex flex-wrap gap-2">
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/akito/akito-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/alpinestars/alpinestars-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/armr"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/armr.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bering/bering-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bering.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bike-it/bike-it-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bike-it.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bks/bks-mens-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bull-it-jeans"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bull-it.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/dainese/dainese-mens"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/edz"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/edz.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/forcefield"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/forcefield.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/fox/fox-casual-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/frank-thomas/frank-thomas-mens"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/furygan/furygan-mens"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/halvarssons/halvarssons-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/halvarssons.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/ixs/ixs-mens"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/j-s/j-s-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/j-s.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/keis"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/keis.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/knox"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/knox.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/lindstrands/lindstrands-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/Lindstrands.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/oxford-products/oxford-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/oxford-products.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/red-route"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/red-route.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/richa/richa-mens"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/rst/rst-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/rukka/rukka-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/rukka.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/spada/spada-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/spada.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/vr46"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/vr46.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/wolf"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/wolf.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                            </ul>
                                                                </div>
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Boots
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/category/motorcycle-boots">
                                                                    Boots
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                By Type:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-boots/urban-casual-boots"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Urban &amp; Casual
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-boots/touring"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Touring Boots
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-boots/sports"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Sports Boots
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-boots/motocross-boots"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Boots
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-boots/ladies-boots"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Ladies Boots
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Related Departments:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-boots/goretex-boots"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Gore-Tex Boots
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                                
                                                                                                                            <div class="relative bg-[#eee] p-6">
                                                                    <ul class="flex flex-wrap gap-2">
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/akito/akito-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/alpinestars/alpinestars-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bks/bks-mens-clothing/bks-mens-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/dainese/dainese-mens/dainese-mens-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/falco"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/falco.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/frank-thomas/frank-thomas-mens/frank-thomas-mens-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/furygan/furygan-mens/furygan-mens-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/ixs/ixs-mens/ixs-mens-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/j-s/j-s-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/j-s.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/oneal/oneal-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/oneal.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/richa/richa-mens/richa-mens-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/rst/rst-clothing/rst-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/sidi"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/sidi.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/spada/spada-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/spada.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/tcx-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/tcx.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                            </ul>
                                                                </div>
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Gloves
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/category/motorcycle-gloves">
                                                                    Gloves
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                By Type:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-gloves/summer-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Summer Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-gloves/winter-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Winter Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-gloves/heated-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Heated Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-gloves/ladies-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Ladies Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-gloves/motocross-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Related Departments:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-gloves/goretex-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Gore-Tex Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-gloves/inner-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Inner Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                                
                                                                                                                            <div class="relative bg-[#eee] p-6">
                                                                    <ul class="flex flex-wrap gap-2">
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/akito/akito-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/akito.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/alpinestars/alpinestars-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bering/bering-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bering.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bks/bks-mens-clothing/bks-mens-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/dainese/dainese-mens/dainese-mens-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/five-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/five.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/frank-thomas/frank-thomas-mens/frank-thomas-mens-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/fox/fox-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/furygan/furygan-mens/furygan-mens-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/ixs/ixs-mens/ixs-mens-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/knox/knox-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/knox.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/nitro-helmets/nitro-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/nitro.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/oxford-products/oxford-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/oxford-products.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/richa/richa-mens/richa-mens-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/rst/rst-clothing/rst-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/rukka/rukka-gloves"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/rukka.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                            </ul>
                                                                </div>
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Motocross
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/motocross">
                                                                    Motocross
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                By Type:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-boots"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Boots
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Helmets
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-jerseys"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Jerseys
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-pants"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Pants
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-armour"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Armour
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/kids-mx-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Kids Helmets
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-kids"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Motocross Kids Gear
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Related Departments:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-goggles"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Goggles
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-accessories"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Accessories
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/kit-bags"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Kit Bags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motocross/motocross-socks"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Socks
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                                
                                                                                                                            <div class="relative bg-[#eee] p-6">
                                                                    <ul class="flex flex-wrap gap-2">
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/100-percent"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/100.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/alpinestars/alpinestars-motocross"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/answer"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/answer.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bell-helmets/bell-motocross-helmets"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bell.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/evs"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/evs.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/fly"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/fly.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/fox"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/fox.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/leatt/leatt-clothing"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/leatt.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/mt-helmets/mt-motocross"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/mt.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/nitro-helmets/nitro-mx"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/nitro.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/oakley/oakley-goggles"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/oakley.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/oneal"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/oneal.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/seven"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/seven.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/scott"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/scott.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/shot"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/shot.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/wulfsport"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/wulfsport.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                            </ul>
                                                                </div>
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Accessories
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/category/motorcycle-accessories">
                                                                    Accessories
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Security:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-security/chain-and-cable-locks"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Chain &amp; Cable Locks
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-security/disc-locks"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Disc Locks
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-security/ground-anchors"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Ground Anchors
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-security/alarms"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Alarms
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Workshop:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/workshop/battery-chargers"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Battery Chargers
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/workshop/tools-equipment"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Tools &amp; Equipment
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/workshop/paddock-stands-bobbins"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Paddock Stands &amp; Bobbins
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/workshop/transport"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Transport
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/workshop/oil"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Oil &amp; Lubricants
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/workshop/cleaning-products"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Cleaning Products
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Luggage:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/backpacks"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Backpacks
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/tail-packs"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Tail Packs
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/phone-and-satnav-holders"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Phone &amp; Sat Nav Holders
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/tank-bags"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Tank Bags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/top-boxes"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Top Boxes
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/panniers"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Panniers
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/roll-bags"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Roll Bags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/leg-bum-bags"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Leg &amp; Bum Bags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/kit-bags"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Kit Bags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/visor-bags"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Helmet &amp; Visor Bags
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-luggage/luggage-accessories"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Luggage Accessories
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Miscellaneous:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/covers"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Covers
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/sat-navs"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Sat Navs
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/heated-grips"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Heated Grips
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/misc-accessories/ear-plugs"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Ear Plugs
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/misc-accessories/other"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Other
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                Parts:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/parts"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Parts
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/indicators"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Indicators
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/mirrors"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Mirrors
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/handlebar-muffs"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Handlebar Muffs
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/tank-pads"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Tank Pads
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/grips"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Grips
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/handlebars"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Handlebars
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/wheel-stripes"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Wheel Stripes
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/exhausts"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Exhausts
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/motorcycle-accessories/motorcycle-parts/tyres"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Tyres
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Ladies
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/ladies">
                                                                    Ladies
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                By Type:
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-jackets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Jackets
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-denim-jeans"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Denim
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-trousers"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Trousers
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-gloves"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Gloves
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-boots"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Boots
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Helmets
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-suits"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Leather Suits
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-casual"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Casual Clothing
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/ladies/ladies-base-layers"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                Base Layer &amp; Thermals
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                                
                                                                                                                            <div class="relative bg-[#eee] p-6">
                                                                    <ul class="flex flex-wrap gap-2">
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/alpinestars/alpinestars-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/alpinestars.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/bks/bks-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/bks.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/dainese/dainese-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/dainese.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/frank-thomas/frank-thomas-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/frank-thomas.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/furygan/furygan-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/furygan.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/hjc-helmets/hjc-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/hjc.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/ixs/ixs-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/ixs.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/j-s/j-s-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/j-s.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/motogirl"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/motogirl.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/oxford-products/oxford-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/oxford-products.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/red-route/red-route-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/red-route.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/richa/richa-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/richa.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/rst/rst-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/rst.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/rukka/rukka-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/rukka.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/scorpion-helmets/scorpion-ladies"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/scorpion.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                                    <li class="w-16">
                                                                                <a
                                                                                    href="/category/tcx-boots/tcx-ladies-boots"
                                                                                    class="block space-y-2 text-center text-xs font-semibold transition-shadow hover:shadow-md"
                                                                                >
                                                                                    <img
                                                                                        src="https://cdn.jsac.media/property/global/brand_logos/150x150/tcx.png?v=6a5ede69"
                                                                                        class="w-full rounded-md bg-white p-2"
                                                                                    />
                                                                                </a>
                                                                            </li>
                                                                                                                                            </ul>
                                                                </div>
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <a
                                                        href="/category/motorcycle-clothing/casual-clothing"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Casual
                                                        </span>
                                                    </a>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <a
                                                        href="/category/sale"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Sale
                                                        </span>
                                                    </a>
                                                                                            </li>
                                                                                    <li role="menuitem" x-data="{ childMenuVisible: false }">
                                                                                                    <button
                                                        x-on:click.prevent="childMenuVisible = true"
                                                        class="uppercase-conditional flex w-full items-center px-4 py-3 font-semibold active:bg-gray-50 parent-property-pmx:active:bg-gray-900 dark:active:bg-gray-900"
                                                    >
                                                        <span>
                                                            Brands
                                                        </span>
                                                        <span class="ml-auto">
                                                                                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5 text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M8.25 4.5l7.5 7.5-7.5 7.5"
                                                                    />
                                                                </svg>
                                                                                                                    </span>
                                                    </button>
                                                    <div
                                                        class="absolute left-0 top-0 z-10 w-full bg-gray-50 parent-property-pmx:bg-black dark:bg-black"
                                                        x-show="childMenuVisible"
                                                    >
                                                        <div
                                                            class="flex w-full items-center space-x-4 border-b border-gray-200 p-4"
                                                        >
                                                            <button
                                                                x-on:click.prevent="childMenuVisible = false"
                                                                class="text-gray-800 active:text-black parent-property-pmx:active:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 24 24"
                                                                    stroke-width="1.5"
                                                                    stroke="currentColor"
                                                                    class="size-5"
                                                                >
                                                                    <path
                                                                        stroke-linecap="round"
                                                                        stroke-linejoin="round"
                                                                        d="M15.75 19.5 8.25 12l7.5-7.5"
                                                                    />
                                                                </svg>
                                                            </button>
                                                            <p
                                                                class="uppercase-conditional text-lg font-semibold text-gray-800 underline active:text-black active:no-underline parent-property-pmx:text-white dark:text-white dark:active:text-white"
                                                            >
                                                                <a href="/brands">
                                                                    Brands
                                                                </a>
                                                            </p>
                                                        </div>
                                                                                                                                                                                    <div class="space-y-4 divide-y divide-gray-200">
                                                                                                                                            <div class="py-4">
                                                                            <p
                                                                                class="uppercase-conditional px-4 pb-2 text-lg font-semibold text-gray-500 parent-property-pmx:text-white dark:text-white"
                                                                            >
                                                                                :
                                                                            </p>
                                                                            <ul role="menu">
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/agv-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/alpinestars"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/arai-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/bell-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/bks"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/cardo"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/fox"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/frank-thomas"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/hjc-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/oxford-products"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/red-route"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/richa"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/rst"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/shoei-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/scorpion-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                                    <li>
                                                                                        <a
                                                                                            href="/category/shark-helmets"
                                                                                            class="uppercase-conditional hover:text-brand-js-500 group flex w-full items-center px-4 py-1 font-semibold text-gray-800 active:bg-gray-50 parent-property-pmx:text-white dark:text-white dark:active:bg-gray-900"
                                                                                        >
                                                                                            <span
                                                                                                class="group-hover:border-brand-js-500 border-b border-dashed border-gray-400"
                                                                                            >
                                                                                                
                                                                                            </span>
                                                                                        </a>
                                                                                    </li>
                                                                                                                                                            </ul>
                                                                        </div>
                                                                                                                                    </div>
                                                            
                                                                                                                                                                        </div>
                                                                                            </li>
                                                                            </ul>
                                    <div class="space-y-4 divide-y divide-gray-200 border-t border-gray-200 py-4">
                                        <ul role="menu">
                                            <li role="menuitem">
                                                <a
                                                    href="https://jsaccessories.co.uk/about"
                                                    class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                >
                                                    About us
                                                </a>
                                            </li>
                                                                                            <li role="menuitem">
                                                    <a
                                                        href="https://jsaccessories.co.uk/stores"
                                                        class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                    >
                                                        Find a store
                                                    </a>
                                                </li>
                                            
                                                                                            <li role="menuitem">
                                                    <a
                                                        href="https://jsaccessories.co.uk/brands"
                                                        class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                    >
                                                        Brands
                                                    </a>
                                                </li>
                                            
                                                                                            <li role="menuitem">
                                                    <a
                                                        href="https://jsaccessories.co.uk/group/gift-vouchers"
                                                        class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                    >
                                                        Gift Vouchers
                                                    </a>
                                                </li>
                                                <li role="menuitem">
                                                    <a
                                                        href="https://jsaccessories.co.uk/blog"
                                                        class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                    >
                                                        Blog
                                                    </a>
                                                </li>
                                            
                                            <li role="menuitem">
                                                <a
                                                    href="https://jsaccessories.co.uk/sitemap"
                                                    class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                >
                                                    Sitemap
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="pt-4" role="menu">
                                            <li role="menuitem">
                                                <a
                                                    href="https://jsaccessories.co.uk/customer-service"
                                                    class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                >
                                                    Help &amp; Contact
                                                </a>
                                            </li>
                                            <li role="menuitem">
                                                <a
                                                    href="https://jsaccessories.co.uk/delivery-policy"
                                                    class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                >
                                                    Delivery policy
                                                </a>
                                            </li>
                                            <li role="menuitem">
                                                <a
                                                    href="https://jsaccessories.co.uk/returns-policy"
                                                    class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                >
                                                    Returns policy
                                                </a>
                                            </li>
                                                                                            <li role="menuitem">
                                                    <a
                                                        href="https://jsaccessories.co.uk/price-match-policy"
                                                        class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                    >
                                                        Price match policy
                                                    </a>
                                                </li>
                                            
                                            <li role="menuitem">
                                                <a
                                                    href="https://jsaccessories.co.uk/privacy-policy"
                                                    class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                >
                                                    Privacy &amp; cookies policy
                                                </a>
                                            </li>
                                            <li role="menuitem">
                                                <a
                                                    href="https://jsaccessories.co.uk/terms-conditions"
                                                    class="block w-full px-4 py-1 text-gray-500 dark:text-white"
                                                >
                                                    Terms &amp; conditions
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        <div
            style="
                display: none !important;
                opacity: 0 !important;
                visibility: hidden !important;
                position: absolute !important;
                top: -100% !important;
                left: -100% !important;
            "
        >
            !EOF!
        </div>

        <!-- Start Google Analytics -->
    <script data-navigate-once defer src="https://www.googletagmanager.com/gtag/js?id=G-2Y9JWJFZVD"></script>
    <script data-navigate-once>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            console.log(arguments);
            dataLayer.push(arguments);
        }

        gtag('js', new Date());
        gtag('config', 'G-2Y9JWJFZVD', { 'debug_mode': false });
        console.info('%cGoogle Analytics loaded.', 'color:green;');
                    gtag('config', 'AW-1002556661');
            console.info('%cGoogle Ads loaded.', 'color:green;');
                gtag('consent', 'default', {
            ad_storage: 'denied',
            ad_user_data: 'denied',
            ad_personalization: 'denied',
            analytics_storage: 'denied',
            functionality_storage: 'denied',
            personalization_storage: 'denied',
            security_storage: 'granted',
            wait_for_update: 2000,
        });
        gtag('set', 'ads_data_redaction', true);
        gtag('set', 'url_passthrough', true);
    </script>
    <!-- End Google Analytics -->

    <!-- Start CookieYes -->
    <script data-navigate-once defer src="https://cdn-cookieyes.com/client_data/0703cbf29effd94a28069b2d/script.js"></script>
    <script data-navigate-once>
        console.info('%cCookieYes loaded.', 'color:green;');
    </script>
    <!-- End CookieYes -->

    <!-- Start Klaviyo -->
    <script data-navigate-once async="" src="https://static.klaviyo.com/onsite/js/XM6zx5/klaviyo.js"></script>
    <script data-navigate-once>
        console.info('%cKlaviyo loaded.', 'color:green;');
    </script>
    <!-- End Klaviyo -->

    <!-- Start Gorgias -->
    <script data-navigate-once defer src="https://config.gorgias.chat/bundle-loader/01GYCC26RXT3PNVMMKHGBFAQ1W"></script>
    <script data-navigate-once>
        console.info('%cGorgias loaded.', 'color:green;');
    </script>
    <!-- End Gorgias -->


<script data-navigate-once>
    document.addEventListener('livewire:init', () => {
        Livewire.on('ga_ce_event', (event) => {
            gtag('event', event.name, {
                ce_campaign: event.campaign,
                ce_position: event.position,
            });
            console.info('%c"' + event.name + '" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('cart_item_added', (event) => {
            for (let i = 0, ii = event.items.length; i < ii; i++) {
                gtag('event', 'add_to_cart', {
                    // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#add_to_cart
                    currency: event.currency,
                    value: parseFloat(event.price),
                    items: event.items.length
                        ? [
                              {
                                  item_id: event.items[i].inventory_group_id,
                                  item_name: event.items[i].name,
                                  affiliation: 'J&amp;S Accessories',
                                  index: i,
                                  item_category: event.items[i].category || 'Apparel',
                                  item_brand: event.items[i].brand,
                                  price: parseFloat(event.items[i].price),
                                  quantity: event.items[i].quantity,
                              },
                          ]
                        : [],
                });
                console.info('%c"add_to_cart" event fired. [gtag]', 'color:green;');
            }

            if (typeof window.klaviyo !== 'undefined') {
                for (let i = 0, ii = event.items.length; i < ii; i++) {
                    window.klaviyo.push([
                        'track',
                        'Added to Cart', // https://developers.klaviyo.com/en/v1-2/docs/guide-to-integrating-a-platform-without-a-pre-built-klaviyo-integration#added-to-cart-tracking-snippet
                        {
                            $value: event.items[i].line_item_price / 100,
                            AddedItemProductName: event.items[i].name,
                            AddedItemProductID: event.items[i].inventory_group_id,
                            AddedItemSKU: event.items[i].ipn,
                            AddedItemPrice: event.items[i].line_item_price / 100,
                            AddedItemQuantity: 1,
                            ItemNames: event.items.map((item) => {
                                return item.name;
                            }),
                            CheckoutURL: 'https://jsaccessories.co.uk/checkout',
                            Items: event.items.length
                                ? event.items.map((item) => {
                                      return {
                                          ProductID: item.ipn,
                                          SKU: item.ipn,
                                          ProductName: item.name,
                                          Quantity: 1,
                                          ItemPrice: item.line_item_price,
                                          RowTotal: item.line_item_price,
                                          ProductUrl: item.master?.full_url,
                                          ImageURL: item.master?.poster,
                                      };
                                  })
                                : [],
                        },
                    ]);
                    console.info('%c"Added to Cart" event fired. [klaviyo]', 'color:green;');
                }
            }
        });
        Livewire.on('cart_item_removed', (event) => {
            gtag('event', 'remove_from_cart', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#remove_from_cart
                currency: event.currency,
                value: parseFloat(event.price),
                items: event.items.length
                    ? [
                          {
                              item_id: event.items[i].inventory_group_id,
                              item_name: event.items[i].name,
                              affiliation: 'J&amp;S Accessories',
                              index: i,
                              item_category: event.items[i].category || 'Apparel',
                              item_brand: event.items[i].brand,
                              price: parseFloat(event.items[i].price),
                              quantity: 1,
                          },
                      ]
                    : [],
            });
            console.info('%c"remove_from_cart" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('wishlist_item_added', (event) => {
            for (let i = 0, ii = event.items.length; i < ii; i++) {
                gtag('event', 'add_to_wishlist', {
                    // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#add_to_wishlist
                    currency: event.currency,
                    value: parseFloat(event.price),
                    items: event.items.length
                        ? [
                              {
                                  item_id: event.items[i].inventory_group_id,
                                  item_name: event.items[i].name,
                                  affiliation: 'J&amp;S Accessories',
                                  index: i,
                                  item_category: event.items[i].category || 'Apparel',
                                  item_brand: event.items[i].brand,
                                  price: parseFloat(event.items[i].price),
                                  quantity: 1,
                              },
                          ]
                        : [],
                });
                console.info('%c"add_to_wishlist" event fired. [gtag]', 'color:green;');
            }
        });
        Livewire.on('search_performed', (event) => {
            gtag('event', 'search_term', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#search
                search_term: event.term,
            });
            console.info('%c"search_term" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('faq_item_selected', (event) => {
            gtag('event', 'select_item', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#select_item
                item_list_id: event.question,
                item_list_name: 'faqs',
                items: [
                    {
                        question: event.question,
                        answer: event.answer,
                    },
                ],
            });
            console.info('%c"select_item" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('add_payment_info', (event) => {
            gtag('event', 'add_payment_info', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#add_payment_info
                currency: event.currency,
                value: parseFloat(event.sub_total),
                coupon: event.discount_code,
                payment_type: event.type,
                items: event.items.length
                    ? event.items.map((item, index) => {
                          return {
                              index: index,
                              item_id: item.ipn,
                              item_name: item.name,
                              affiliation: 'J&amp;S Accessories',
                              item_category: item.category?.name || 'Apparel',
                              item_brand: item.master?.brand?.name,
                              price: parseFloat(item.line_item_total_converted.amount),
                              quantity: item.quantity,
                          };
                      })
                    : [],
            });
            console.info('%c"add_payment_info" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('view_item_list', (event) => {
            gtag('event', 'view_item_list', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#view_item_list
                item_list_id: event.list_id,
                item_list_name: event.list_name,
            });
            console.info('%c"view_item_list" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('view_item', (event) => {
            gtag('event', 'view_item', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#view_item
                currency: 'GBP',
                value: parseFloat(event.price),
                items: [
                    {
                        affiliation: 'J&S Accessories',
                        item_id: event.inventory_group_id,
                        item_name: event.name,
                        index: 0,
                        item_brand: event.brand,
                        price: parseFloat(event.price),
                        quantity: 1,
                    },
                ],
            });
            console.info('%c"view_item" event fired. [gtag]', 'color:green;');

            if (typeof window.klaviyo !== 'undefined') {
                window.klaviyo.push([
                    'track',
                    'Viewed Product', // https://developers.klaviyo.com/en/v1-2/docs/guide-to-integrating-a-platform-without-a-pre-built-klaviyo-integration#viewed-product-tracking-snippet
                    {
                        ProductName: event.name,
                        ProductID: event.inventory_group_id,
                        SKU: event.inventory_group_id,
                        Categories: event.categories,
                        ImageURL: event.poster,
                        URL: event.url,
                        Brand: event.brand,
                        Price: event.price,
                        CompareAtPrice: event.price,
                        SuitableForBikeType: event.bike_type,
                    },
                ]);
                console.info('%c"Viewed Product" event fired. [klaviyo]', 'color:green;');

                window.klaviyo.push([
                    // Does not require a 'track' parameter.
                    'trackViewedItem', // https://developers.klaviyo.com/en/v1-2/docs/guide-to-integrating-a-platform-without-a-pre-built-klaviyo-integration#viewed-product-tracking-snippet
                    {
                        Title: event.name,
                        ItemId: event.inventory_group_id,
                        Categories: event.categories,
                        ImageURL: event.poster,
                        URL: event.url,
                        Metadata: {
                            Brand: event.brand,
                            Price: event.price,
                            CompareAtPrice: event.price,
                        },
                    },
                ]);
                console.info('%c"trackViewedItem" event fired. [klaviyo]', 'color:green;');
            }
        });
        Livewire.on('view_cart', (event) => {
            gtag('event', 'view_cart', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#view_cart
                currency: event.currency,
                value: parseFloat(event.sub_total),
                items: event.items.map((item, index) => {
                    return {
                        index: index,
                        item_id: item.ipn,
                        item_name: item.name,
                        affiliation: 'J&amp;S Accessories',
                        item_category: item.category?.name || 'Apparel',
                        item_brand: item.master?.brand?.name,
                        price: parseFloat(item.line_item_total_converted.amount),
                        quantity: item.quantity,
                    };
                }),
            });
            console.info('%c"view_cart" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('begin_checkout', (event) => {
            gtag('event', 'begin_checkout', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#begin_checkout
                currency: event.currency,
                value: parseFloat(event.sub_total),
                items: event.items.map((item, index) => {
                    return {
                        index: index,
                        item_id: item.ipn,
                        item_name: item.name,
                        affiliation: 'J&amp;S Accessories',
                        item_category: item.category?.name || 'Apparel',
                        item_brand: item.master?.brand?.name,
                        price: parseFloat(item.line_item_total_converted.amount),
                        quantity: item.quantity,
                    };
                }),
            });
            console.info('%c"begin_checkout" event fired. [gtag]', 'color:green;');

            if (typeof window.klaviyo !== 'undefined') {
                window.klaviyo.push([
                    'track',
                    'Started Checkout', // https://developers.klaviyo.com/en/v1-2/docs/guide-to-integrating-a-platform-without-a-pre-built-klaviyo-integration#started-checkout
                    {
                        $event_id: event.order_id + '_1781011217',
                        $value: event.sub_total,
                        CartToken: event.token,
                        ItemNames: event.items.map((item) => {
                            return item.name;
                        }),
                        CheckoutURL: 'https://jsaccessories.co.uk/checkout',
                        Categories: [],
                        Items: event.items.length
                            ? event.items.map((item) => {
                                  return {
                                      ProductID: item.ipn,
                                      SKU: item.ipn,
                                      ProductName: item.name,
                                      Quantity: 1,
                                      ItemPrice: item.line_item_price,
                                      RowTotal: item.line_item_price,
                                      ProductUrl: item.master?.full_url,
                                      ImageURL: item.master?.poster,
                                  };
                              })
                            : [],
                    },
                ]);
                console.info('%c"Started Checkout" event fired. [klaviyo]', 'color:green;');
            }
        });
        Livewire.on('purchase', (event) => {
            gtag('set', 'user_data', {
                'email': event.email_address?.toLowerCase(),
                'sha256_email_address': event.email_address_hash,
                'phone_number': event.phone?.toLowerCase(),
                'sha256_phone_number': event.phone_hash,
                'address': {
                    'first_name': event.first_name?.toLowerCase(),
                    'sha256_first_name': event.first_name_hash,
                    'last_name': event.last_name?.toLowerCase(),
                    'sha256_last_name': event.last_name_hash,
                    'street': event.billing_address1?.toLowerCase(),
                    'region': event.billing_administrative_area_level_1?.toLowerCase(),
                    'postal_code': event.billing_address_code?.toLowerCase(),
                    'country': event.billing_country?.toLowerCase(),
                },
            });
            gtag('event', 'purchase', {
                // https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#purchase
                currency: event.currency,
                transaction_id: event.order_id,
                shipping: event.shipping,
                value: parseFloat(event.sub_total),
                coupon: event.discount_code,
                items: event.items.map((item, index) => {
                    return {
                        index: index,
                        item_id: item.ipn,
                        item_name: item.name,
                        affiliation: 'J&amp;S Accessories',
                        item_category: item.category?.name || 'Apparel',
                        item_brand: item.master?.brand?.name,
                        price: parseFloat(item.line_item_total_converted.amount),
                        quantity: item.quantity,
                    };
                }),
            });
            console.info('%c"purchase" event fired. [gtag]', 'color:green;');
        });
        Livewire.on('conversion', (event) => {
            console.log(event)
            gtag('set', 'user_data', {
                'email': event.email_address?.toLowerCase(),
                'sha256_email_address': event.email_address_hash,
                'phone_number': event.phone?.toLowerCase(),
                'sha256_phone_number': event.phone_hash,
                'address': {
                    'first_name': event.first_name?.toLowerCase(),
                    'sha256_first_name': event.first_name_hash,
                    'last_name': event.last_name?.toLowerCase(),
                    'sha256_last_name': event.last_name_hash,
                    'street': event.billing_address1?.toLowerCase(),
                    'region': event.billing_administrative_area_level_1?.toLowerCase(),
                    'postal_code': event.billing_address_code?.toLowerCase(),
                    'country': event.billing_country?.toLowerCase(),
                },
            });
            gtag('event', 'conversion', {
                send_to: 'AW-1002556661/A_bCCKiV-GQQ9ZmH3gM',
                currency: event.currency,
                transaction_id: event.order_id,
                value: parseFloat(event.sub_total),
            });
            console.info('%c"conversion" event fired. [gtag]', 'color:green;');
        });
    });
</script>
        
        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
                <script src="/livewire/livewire.min.js?id=a60c5ee6"   data-csrf="Kb23J9Xke0bBvCWwgVz6V8659etL08veDRnGBxZ3" data-update-uri="/livewire/update" data-navigate-once="true"></script>
    </body>
</html>
