PageSourceSearch

https://findradiocode.com/order-search

html findradiocode.com collected 2026-10-01 14:22:29 UTC 85,889 bytes, 1,826 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4  <meta charset="UTF-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
8  
9  <meta name="title" content="Find a Radio Code You Already Bought - Free Lookup">
10  <meta name="description" content="Already bought a radio code from us? Look it up again for free using the serial number and the email you used at checkout. 24/7 access to your past orders.">
11
12  <!-- Canonical URL - uses APP_URL so it's consistent with breadcrumb schema URLs -->
13  <link rel="canonical" href="https://findradiocode.com/order-search">
14  
15
16  <!-- Meta Robots -->
17      <meta name="robots" content="noindex,follow">
18  
19  <!-- Pagination links -->
20  
21  <title>Find a Radio Code You Already Bought - Free Lookup</title>
22
23  <!-- Organization Schema - Site-wide -->
24  
25  
25<script type="application/ld+json" nonce="uCP1kUYBVtvuM/bkXVY9JA==">
26  {
27    "@context": "https://schema.org",
28    "@type": "Organization",
29    
30    "@id": "https://findradiocode.com/#organization",
31    "name": "Find Radio Code",
32    "alternateName": "FindRadioCode.com",
33    "url": "https://findradiocode.com",
34    "founder": {
35      "@type": "Person",
36      "@id": "https://findradiocode.com/#founder",
37      "name": "Uros Radovanovic",
38      "jobTitle": "Automotive Electronics Specialist",
39      "url": "https://findradiocode.com/about-us/"
40    },
41    "logo": "https://findradiocode.com/img/logo/logo-findradiocode.png",
42    "image": "https://findradiocode.com/img/main%20pictures/find-radio-code-anti-theft-code-for-uconnect-8.4.jpg",
43    "description": "Professional online radio code retrieval service for all car manufacturers. Instant automated SaaS platform for unlocking car radio codes. Trusted since 2019.",
44    "foundingDate": "2019",
45    "slogan": "Find Radio Code Instant Automated Online",
46    "areaServed": "Worldwide",
47    
48    "hasMerchantReturnPolicy": {
49      "@type": "MerchantReturnPolicy",
50      "applicableCountry": ["US", "CA", "MX", "GB", "IE", "AU", "NZ", "DE", "FR", "ES", "IT", "NL", "PL", "PT"],
51      "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
52      "merchantReturnDays": 7,
53      "returnFees": "https://schema.org/FreeReturn",
54      "refundType": "https://schema.org/FullRefund",
55      "merchantReturnLink": "https://findradiocode.com/refund"
56    },
57    "address": {
58      "@type": "PostalAddress",
59      "addressCountry": "US"
60    },
61    "contactPoint": [
62      {
63        "@type": "ContactPoint",
64        "contactType": "Customer Support",
65        "availableLanguage": ["en", "es"],
66        "hoursAvailable": {
67          "@type": "OpeningHoursSpecification",
68          "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
69          "opens": "00:00",
70          "closes": "23:59"
71        }
72      }
73    ],
74    "knowsAbout": ["Car Radio Code Retrieval", "Radio Unlock Service", "Anti-Theft Code Service", "Chrysler Radio Codes", "Jeep Radio Codes", "Dodge Radio Codes", "RAM Radio Codes", "Ford Radio Codes", "Honda Radio Codes", "Acura Radio Codes"],
75    "sameAs": [
76      "https://www.youtube.com/@findradiocode",
77      "https://www.facebook.com/findradiocode",
78      "https://www.tiktok.com/@findradiocode.com",
79      "https://www.trustpilot.com/review/www.findradiocode.com",
80      "https://apps.apple.com/us/app/find-radio-code-instantly/id6593696498",
81      "https://play.google.com/store/apps/details?id=com.findradiocode.findradiocodeinstantly&hl=en"
82    ]
83  }
84  </script>
84
85
86  <!-- WebSite Schema - Site-wide -->
87  
87<script type="application/ld+json" nonce="uCP1kUYBVtvuM/bkXVY9JA==">
88  {
89    "@context": "https://schema.org",
90    "@type": "WebSite",
91    "@id": "https://findradiocode.com/#website",
92    "name": "Find Radio Code",
93    "alternateName": "FindRadioCode.com",
94    "url": "https://findradiocode.com",
95    
96    "publisher": { "@id": "https://findradiocode.com/#organization" }
97  }
98  </script>
98
99
100  <!-- Breadcrumb Schema -->
101  
102  <!-- Preconnect to critical third-party origins (improves loading performance) -->
103  <link rel="preconnect" href="https://www.googletagmanager.com">
104  <link rel="preconnect" href="https://assets.lemonsqueezy.com">
105
106  <!-- DNS prefetch for less critical external resources -->
107  <link rel="dns-prefetch" href="//lmsqueezy.com">
108
109  <!-- Preload critical self-hosted fonts (KEEP THESE - they override Google Fonts) -->
110  <link rel="preload" href="https://findradiocode.com/fonts/lato-v24-latin-regular.woff2" as="font" type="font/woff2" crossorigin fetchpriority="high">
111  <link rel="preload" href="https://findradiocode.com/fonts/lato-v24-latin-700.woff2" as="font" type="font/woff2" crossorigin fetchpriority="high">
112  <link rel="preload" href="https://findradiocode.com/fonts/lato-v24-latin-italic.woff2" as="font" type="font/woff2" crossorigin fetchpriority="high">
113
114  <!-- Preload critical hero images for index page with media queries -->
115    <!-- Preload Bootstrap Icons (performance boost) -->
116  
117  <link rel="preload" href="https://findradiocode.com/assets/bootstrap-icons-1.11.3/font/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6" as="font" type="font/woff2" crossorigin>
118  
119<!-- Critical CSS with self-hosted fonts -->
120    <style nonce="uCP1kUYBVtvuM/bkXVY9JA==">
121        /* lato-regular - latin */
122        @font-face {
123            font-display: swap;
124            font-family: 'Lato';
125            font-style: normal;
126            font-weight: 400;
127            src: url('https://findradiocode.com/fonts/lato-v24-latin-regular.woff2') format('woff2');
128        }
129
130        /* lato-italic - latin */
131        @font-face {
132            font-display: swap;
133            font-family: 'Lato';
134            font-style: italic;
135            font-weight: 400;
136            src: url('https://findradiocode.com/fonts/lato-v24-latin-italic.woff2') format('woff2');
137        }
138
139        /* lato-700 - latin */
140        @font-face {
141            font-display: swap;
142            font-family: 'Lato';
143            font-style: normal;
144            font-weight: 700;
145            src: url('https://findradiocode.com/fonts/lato-v24-latin-700.woff2') format('woff2');
146        }
147        
148        /* Set Lato as default font with fallbacks */
149        body {
150            font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
151        }
152    </style>
153
154    <!-- Critical CSS for above-the-fold content -->
155    
156    <!-- Bootstrap Icons - Local version deferred for better LCP -->
157    <link rel="stylesheet" href="https://findradiocode.com/assets/bootstrap-icons-1.11.3/font/bootstrap-icons.min.css" media="print" onload="this.media='all'">
158    <noscript><link rel="stylesheet" href="https://findradiocode.com/assets/bootstrap-icons-1.11.3/font/bootstrap-icons.min.css"></noscript>
159
160    <!-- Load Vite assets (includes Bootstrap CSS from CDN via @import) -->
161    <link rel="preload" as="style" href="https://findradiocode.com/build/assets/custom-vite-BgGXpfeY.css" /><link rel="modulepreload" as="script" href="https://findradiocode.com/build/assets/custom-vite-DaPaBPM9.js" /><link rel="modulepreload" as="script" href="https://findradiocode.com/build/assets/serial-patterns-juQZrT3L.js" /><link rel="stylesheet" href="https://findradiocode.com/build/assets/custom-vite-BgGXpfeY.css" data-navigate-track="reload" />
161<script type="module" src="https://findradiocode.com/build/assets/custom-vite-DaPaBPM9.js" data-navigate-track="reload"></script>
161    
162    
163    
164
165    
166
167  
168  <!-- Open Graph tags -->
169  <meta property="og:title" content="Find a Radio Code You Already Bought - Free Lookup">
170  <meta property="og:description" content="Already bought a radio code from us? Look it up again for free using the serial number and the email you used at checkout. 24/7 access to your past orders.">
171  <meta property="og:image" content="https://findradiocode.com/img/main%20pictures/find-radio-code-anti-theft-code-for-uconnect-8.4.webp">
172  <meta property="og:image:width" content="1200">
173  <meta property="og:image:height" content="630">
174  <meta property="og:url" content="https://findradiocode.com/order-search">
175  <meta property="og:type" content="website">
176
177  <!-- Twitter Card tags -->
178  <meta name="twitter:card" content="summary_large_image">
179  <meta name="twitter:title" content="Find a Radio Code You Already Bought - Free Lookup">
180  <meta name="twitter:description" content="Already bought a radio code from us? Look it up again for free using the serial number and the email you used at checkout. 24/7 access to your past orders.">
181  <meta name="twitter:image" content="https://findradiocode.com/img/main%20pictures/find-radio-code-anti-theft-code-for-uconnect-8.4.webp">
182    
183  <!-- Favi icons -->
184  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
185  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
186  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
187  <link rel="icon" href="/favicon.ico" type="image/x-icon">
188  <link rel="manifest" href="/site.webmanifest">
189  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">
190  <meta name="msapplication-TileColor" content="#000000">
191  <meta name="theme-color" content="#000000">
192
193
194  <!-- Google Tag Manager - NEVER move it from bellow -->
195  
195<script nonce="uCP1kUYBVtvuM/bkXVY9JA==">
vendor: 343 bytes, lines 195-199
195(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
196    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
197    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
198    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
199    })(window,document,'script','dataLayer','
199GTM-WH68ZC4
vendor: 6 bytes, lines 199-200
199');
200  
200</script>
200
201
202  
203  
204  
205    
205<script nonce="uCP1kUYBVtvuM/bkXVY9JA==">
206  (function () {
207    var fired = false;
208    document.addEventListener('focusin', function (e) {
209      if (fired || !e.target || (e.target.id !== 'email' && e.target.id !== 'serial')) return;
210      fired = true;
211      window.dataLayer = window.dataLayer || [];
212      window.dataLayer.push({ 'event': 'serial_form_start', 'form_field': e.target.id });
213    });
214  })();
215  </script>
215
216  
217  <!-- Other JS - lemon app. redirect-->
218  
218<script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
218
219
220  
221  <style nonce="uCP1kUYBVtvuM/bkXVY9JA==">
222    [data-scroll="top"],
223    [data-scroll-target] {
224      cursor: pointer;
225    }
226  </style>
227
228  
229  </head>
230
231<body>
vendor: 70 bytes, lines 231-232
231
232  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
232GTM-WH68ZC4
vendor: 86 bytes, lines 232-234
232" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
233
234  
234<nav class="navbar sticky-top navbar-expand-xl navbar-dark">
235  <div class="container navbar-container-responsive">
236
237    <a class="navbar-brand navbar-brand-responsive" href="https://findradiocode.com">
238    <svg class="navbar-logo-svg" width="35" height="40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 238.88 300.02" transform="scale(1.1, 1)"><defs><style>.cls-1,.cls-3{fill:none;}.cls-1,.cls-2,.cls-3{stroke:#f39c12;stroke-miterlimit:10;}.cls-1{stroke-width:8px;}.cls-2,.cls-4{fill:#f39c12;}.cls-2{stroke-width:4px;}.cls-3{stroke-width:6px;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M42.88,141.62a10,10,0,0,0-10,10V239a10,10,0,0,0,10,10h153.5a10,10,0,0,0,10-10V151.62a10,10,0,0,0-10-10Z"/><path class="cls-1" d="M119.63,3h0c36.07,0,65.3,32.74,65.3,73.13V112.9H162.34V76.13c0-26.37-19.16-47.82-42.71-47.82s-42.7,21.45-42.7,47.82v65.49H54.33V76.13C54.33,35.74,83.57,3,119.63,3Z"/><rect class="cls-1" x="3" y="248.69" width="232.88" height="48.33" rx="24.17"/><path class="cls-2" d="M45.37,275.86l-10.31-2.62,2-5.92,9.86,3.87ZM42.28,284l-5-3.73,6.78-8.14L48,275Zm1.46-10.35L43,263h6.22l-.55,10.59ZM49.92,284l-5.87-8.82,4-2.94,6.92,8Zm-3-7.92-1.52-4.68,9.82-4,1.94,5.92Z"/><path class="cls-2" d="M94.45,275.86l-10.31-2.62,2-5.92L96,271.19ZM91.36,284l-5-3.73,6.77-8.14L97.07,275Zm1.46-10.35L92.07,263h6.22l-.55,10.59ZM99,284l-5.87-8.82,3.95-2.94,6.93,8ZM96,276l-1.52-4.68,9.82-4,1.94,5.92Z"/><path class="cls-2" d="M143.53,275.86l-10.31-2.62,2-5.92,9.86,3.87Zm-3.09,8.1-5-3.73,6.77-8.14,4,2.94Zm1.45-10.35L141.14,263h6.23l-.55,10.59ZM148.07,284l-5.87-8.82,4-2.94,6.93,8Zm-3-7.92-1.52-4.68,9.82-4,1.94,5.92Z"/><path class="cls-2" d="M192.61,275.86l-10.31-2.62,2-5.92,9.87,3.87Zm-3.09,8.1-5-3.73,6.77-8.14,3.95,2.94ZM191,273.61,190.22,263h6.23l-.56,10.59ZM197.15,284l-5.87-8.82,3.95-2.94,6.93,8Zm-3-7.92-1.52-4.68,9.82-4,1.94,5.92Z"/><circle class="cls-3" cx="119.37" cy="198.97" r="33.23" transform="translate(-67.06 60.82) rotate(-22.5)"/><path class="cls-4" d="M150.84,172.48c-13.19,7.91-23.36,19.71-32.94,31.71l-7.28-11.36c-1.07-1.68-17.17-1.9-15.37.91l14.16,22.09c1,1.6,14,1.65,15.37,0,12.26-15.34,24.3-32.16,41.43-42.44C169,171.71,155.25,169.84,150.84,172.48Z"/></g></g></svg>
239    <b class="text-warning h4 font-monospace align-bottom navbar-brand-text" translate="no">findradio<span id="findradiocode-logo-text">code</span></b> <!-- logo decoding -->
240    </a>
241
242    <!-- Language Switcher - positioned between logo and hamburger -->
243    
244
245    <!-- Mobile: offcanvas trigger (hidden on xl+) -->
246    <button class="navbar-toggler d-xl-none border-0 nav-offcanvas-btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#navOffcanvas" aria-controls="navOffcanvas" aria-label="Open navigation">
247      <span class="nav-hamburger-icon">
248        <span></span><span></span><span></span>
249      </span>
250      <span class="nav-menu-label">Menu</span>
251    </button>
252
253        <div class="collapse navbar-collapse" id="navbarNav">
254        <ul class="navbar-nav ms-auto text-center mb-2 mb-xl-0">
255
256        <!-- By Vehicle Mega Menu -->
257        <li class="nav-item dropdown mega-menu-item">
258          <a class="nav-link dropdown-toggle text-warning px-3 nav-link-modern " href="https://findradiocode.com/radio-code-for-vehicle/" role="button" data-bs-toggle="dropdown" data-menu-toggle="mega" aria-expanded="false">
259            <span class="nav-link-text">By Car Brand</span> <i class="bi bi-chevron-right dropdown-arrow dropdown-arrow-right ms-1"></i><i class="bi bi-chevron-double-down dropdown-arrow dropdown-arrow-down ms-1"></i>
260          </a>
261          <div class="dropdown-menu dropdown-menu-dark border-warning mega-menu mega-menu-modern p-3">
262            <div class="container-fluid">
263              
264              <div class="row g-2 mega-menu-brand-grid">
265                <!-- Column 1: A–F (alphabetical) -->
266                <div class="col-lg-4 col-md-4 mb-2">
267                  <div class="mega-menu-section">
268                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/acura/">
269                      <span>Acura</span><i class="bi bi-chevron-right ms-auto"></i>
270                    </a>
271                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/alfa-romeo/">
272                      <span>Alfa Romeo</span><i class="bi bi-chevron-right ms-auto"></i>
273                    </a>
274                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/audi/">
275                      <span>Audi</span><i class="bi bi-chevron-right ms-auto"></i>
276                    </a>
277                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/bmw/">
278                      <span>BMW</span><i class="bi bi-chevron-right ms-auto"></i>
279                    </a>
280                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/chrysler/">
281                      <span>Chrysler</span><i class="bi bi-chevron-right ms-auto"></i>
282                    </a>
283                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/dacia/">
284                      <span>Dacia</span><i class="bi bi-chevron-right ms-auto"></i>
285                    </a>
286                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/dodge/">
287                      <span>Dodge</span><i class="bi bi-chevron-right ms-auto"></i>
288                    </a>
289                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/fiat/">
290                      <span>Fiat</span><i class="bi bi-chevron-right ms-auto"></i>
291                    </a>
292                  </div>
293                </div>
294
295                <!-- Column 2: F–M (alphabetical) -->
296                <div class="col-lg-4 col-md-4 mb-2">
297                  <div class="mega-menu-section">
298                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/ford/">
299                      <span>Ford</span><i class="bi bi-chevron-right ms-auto"></i>
300                    </a>
301                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/honda/">
302                      <span>Honda</span><i class="bi bi-chevron-right ms-auto"></i>
303                    </a>
304                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/jaguar/">
305                      <span>Jaguar</span><i class="bi bi-chevron-right ms-auto"></i>
306                    </a>
307                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/jeep/">
308                      <span>Jeep</span><i class="bi bi-chevron-right ms-auto"></i>
309                    </a>
310                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/lancia/">
311                      <span>Lancia</span><i class="bi bi-chevron-right ms-auto"></i>
312                    </a>
313                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/maserati/">
314                      <span>Maserati</span><i class="bi bi-chevron-right ms-auto"></i>
315                    </a>
316                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/mercedes/">
317                      <span>Mercedes</span><i class="bi bi-chevron-right ms-auto"></i>
318                    </a>
319                  </div>
320                </div>
321
322                <!-- Column 3: N–V (alphabetical) -->
323                <div class="col-lg-4 col-md-4 mb-2">
324                  <div class="mega-menu-section">
325                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/nissan/">
326                      <span>Nissan</span><i class="bi bi-chevron-right ms-auto"></i>
327                    </a>
328                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/porsche/">
329                      <span>Porsche</span><i class="bi bi-chevron-right ms-auto"></i>
330                    </a>
331                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/ram/">
332                      <span>Ram</span><i class="bi bi-chevron-right ms-auto"></i>
333                    </a>
334                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/renault/">
335                      <span>Renault</span><i class="bi bi-chevron-right ms-auto"></i>
336                    </a>
337                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/seat/">
338                      <span>SEAT</span><i class="bi bi-chevron-right ms-auto"></i>
339                    </a>
340                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/hyundai/">
341                      <span>Hyundai</span><i class="bi bi-chevron-right ms-auto"></i>
342                    </a>
343                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/skoda/">
344                      <span>Å koda</span><i class="bi bi-chevron-right ms-auto"></i>
345                    </a>
346                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/suzuki/">
347                      <span>Suzuki</span><i class="bi bi-chevron-right ms-auto"></i>
348                    </a>
349                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/toyota/">
350                      <span>Toyota</span><i class="bi bi-chevron-right ms-auto"></i>
351                    </a>
352                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/volvo/">
353                      <span>Volvo</span><i class="bi bi-chevron-right ms-auto"></i>
354                    </a>
355                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-vehicle/vw/">
356                      <span>Volkswagen</span><i class="bi bi-chevron-right ms-auto"></i>
357                    </a>
358                  </div>
359                </div>
360              </div>
361              <!-- View All Brands - full-width footer row -->
362              <div class="row mt-2 pt-2 border-top border-warning border-opacity-50">
363                <div class="col-12">
364                  <a href="https://findradiocode.com/radio-code-for-vehicle/" class="btn btn-warning btn-lg w-100">
365                    View All Brands <i class="bi bi-arrow-right ms-1"></i>
366                  </a>
367                </div>
368              </div>
369            </div>
370          </div>
371        </li>
372
373        <!-- Manufacturers Mega Menu -->
374        <li class="nav-item dropdown mega-menu-item manufacturers-menu-item">
375          <a class="nav-link dropdown-toggle text-warning px-3 nav-link-modern " href="https://findradiocode.com/radio-code-for-manufacturer/" role="button" data-bs-toggle="dropdown" data-menu-toggle="mega" aria-expanded="false">
376            <span class="nav-link-text">By Radio Manufacturers</span> <i class="bi bi-chevron-right dropdown-arrow dropdown-arrow-right ms-1"></i><i class="bi bi-chevron-double-down dropdown-arrow dropdown-arrow-down ms-1"></i>
377          </a>
378          <div class="dropdown-menu dropdown-menu-dark border-warning mega-menu mega-menu-modern p-3" style="min-width: 820px !important; max-width: 920px !important;">
379            <div class="container-fluid px-0">
380              
381                            
382              <div class="row g-1 mega-menu-mfg-grid">
383                                  <div class="col-4">
384                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/alpine/" style="font-size: 0.95rem;">
385                      <span>Alpine</span><i class="bi bi-chevron-right ms-auto"></i>
386                    </a>
387                  </div>
388                                  <div class="col-4">
389                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/aptiv/" style="font-size: 0.95rem;">
390                      <span>Aptiv</span><i class="bi bi-chevron-right ms-auto"></i>
391                    </a>
392                  </div>
393                                  <div class="col-4">
394                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/becker/" style="font-size: 0.95rem;">
395                      <span>Becker</span><i class="bi bi-chevron-right ms-auto"></i>
396                    </a>
397                  </div>
398                                  <div class="col-4">
399                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/blaupunkt/" style="font-size: 0.95rem;">
400                      <span>Blaupunkt</span><i class="bi bi-chevron-right ms-auto"></i>
401                    </a>
402                  </div>
403                                  <div class="col-4">
404                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/bosch/" style="font-size: 0.95rem;">
405                      <span>Bosch</span><i class="bi bi-chevron-right ms-auto"></i>
406                    </a>
407                  </div>
408                                  <div class="col-4">
409                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/continental/" style="font-size: 0.95rem;">
410                      <span>Continental</span><i class="bi bi-chevron-right ms-auto"></i>
411                    </a>
412                  </div>
413                                  <div class="col-4">
414                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/daewoo/" style="font-size: 0.95rem;">
415                      <span>Daewoo</span><i class="bi bi-chevron-right ms-auto"></i>
416                    </a>
417                  </div>
418                                  <div class="col-4">
419                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/daiichi/" style="font-size: 0.95rem;">
420                      <span>Daiichi</span><i class="bi bi-chevron-right ms-auto"></i>
421                    </a>
422                  </div>
423                                  <div class="col-4">
424                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/delphi/" style="font-size: 0.95rem;">
425                      <span>Delphi</span><i class="bi bi-chevron-right ms-auto"></i>
426                    </a>
427                  </div>
428                                  <div class="col-4">
429                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/famar/" style="font-size: 0.95rem;">
430                      <span>Famar</span><i class="bi bi-chevron-right ms-auto"></i>
431                    </a>
432                  </div>
433                                  <div class="col-4">
434                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/fic/" style="font-size: 0.95rem;">
435                      <span>FIC</span><i class="bi bi-chevron-right ms-auto"></i>
436                    </a>
437                  </div>
438                                  <div class="col-4">
439                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/harman/" style="font-size: 0.95rem;">
440                      <span>Harman</span><i class="bi bi-chevron-right ms-auto"></i>
441                    </a>
442                  </div>
443                                  <div class="col-4">
444                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/humax/" style="font-size: 0.95rem;">
445                      <span>Humax</span><i class="bi bi-chevron-right ms-auto"></i>
446                    </a>
447                  </div>
448                                  <div class="col-4">
449                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/lg/" style="font-size: 0.95rem;">
450                      <span>LG</span><i class="bi bi-chevron-right ms-auto"></i>
451                    </a>
452                  </div>
453                                  <div class="col-4">
454                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/mopar/" style="font-size: 0.95rem;">
455                      <span>Mopar</span><i class="bi bi-chevron-right ms-auto"></i>
456                    </a>
457                  </div>
458                                  <div class="col-4">
459                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/panasonic/" style="font-size: 0.95rem;">
460                      <span>Panasonic</span><i class="bi bi-chevron-right ms-auto"></i>
461                    </a>
462                  </div>
463                                  <div class="col-4">
464                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/philips/" style="font-size: 0.95rem;">
465                      <span>Philips</span><i class="bi bi-chevron-right ms-auto"></i>
466                    </a>
467                  </div>
468                                  <div class="col-4">
469                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/sanyo/" style="font-size: 0.95rem;">
470                      <span>Sanyo</span><i class="bi bi-chevron-right ms-auto"></i>
471                    </a>
472                  </div>
473                                  <div class="col-4">
474                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/sony/" style="font-size: 0.95rem;">
475                      <span>Sony</span><i class="bi bi-chevron-right ms-auto"></i>
476                    </a>
477                  </div>
478                                  <div class="col-4">
479                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/toppower/" style="font-size: 0.95rem;">
480                      <span>Toppower</span><i class="bi bi-chevron-right ms-auto"></i>
481                    </a>
482                  </div>
483                                  <div class="col-4">
484                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/uconnect/" style="font-size: 0.95rem;">
485                      <span>Uconnect</span><i class="bi bi-chevron-right ms-auto"></i>
486                    </a>
487                  </div>
488                                  <div class="col-4">
489                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/vdo/" style="font-size: 0.95rem;">
490                      <span>VDO</span><i class="bi bi-chevron-right ms-auto"></i>
491                    </a>
492                  </div>
493                                  <div class="col-4">
494                    <a class="dropdown-item py-2 mega-menu-item-link" href="/radio-code-for-manufacturer/visteon/" style="font-size: 0.95rem;">
495                      <span>Visteon</span><i class="bi bi-chevron-right ms-auto"></i>
496                    </a>
497                  </div>
498                              </div>
499              <!-- View All - full-width footer -->
500              <div class="mt-2 pt-2 border-top border-warning border-opacity-50">
501                <a href="https://findradiocode.com/radio-code-for-manufacturer/" class="btn btn-warning btn-lg w-100">
502                  View All <i class="bi bi-arrow-right ms-1"></i>
503                </a>
504              </div>
505            </div>
506          </div>
507        </li>
508
509        <li class="nav-item">
510          
511          <a class="nav-link text-warning px-3 nav-link-modern " href="https://findradiocode.com/reviews"><span class="nav-link-text">Reviews</span></a>
512        </li>
513                
514        <li class="nav-item">
515          <a class="nav-link text-warning px-3 nav-link-modern " href="/blog"><span class="nav-link-text">Blog & Guides</span></a>
516        </li>
517        <li class="nav-item">
518          <a class="nav-link text-warning px-3 nav-link-modern " href="https://findradiocode.com/pricing"><span class="nav-link-text">Pricing</span></a>
519        </li>
520                <li class="nav-item">
521          <a class="nav-link text-warning px-3 nav-link-modern " href="https://findradiocode.com/contact"><span class="nav-link-text">Contact</span></a>
522        </li>
523        <li class="nav-item">
524          <a class="nav-link text-warning px-3 nav-link-modern active" href="https://findradiocode.com/order-search"><span class="nav-link-text">My Orders</span> <i class="bi bi-search ms-1"></i></a>
525        </li>
526
527        </ul>
528        </div>
529  </div>
530</nav>
531
532
533<div class="offcanvas offcanvas-end nav-offcanvas" tabindex="-1" id="navOffcanvas" aria-labelledby="navOffcanvasLabel">
534
535  
536  <div class="offcanvas-header nav-offcanvas-header">
537    <a href="https://findradiocode.com" class="d-flex align-items-center gap-2 text-decoration-none">
538      <svg width="28" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 238.88 300.02" transform="scale(1.1,1)"><defs><style>.cls-1,.cls-3{fill:none;}.cls-1,.cls-2,.cls-3{stroke:#f39c12;stroke-miterlimit:10;}.cls-1{stroke-width:8px;}.cls-2,.cls-4{fill:#f39c12;}.cls-2{stroke-width:4px;}.cls-3{stroke-width:6px;}</style></defs><g><g><path class="cls-1" d="M42.88,141.62a10,10,0,0,0-10,10V239a10,10,0,0,0,10,10h153.5a10,10,0,0,0,10-10V151.62a10,10,0,0,0-10-10Z"/><path class="cls-1" d="M119.63,3h0c36.07,0,65.3,32.74,65.3,73.13V112.9H162.34V76.13c0-26.37-19.16-47.82-42.71-47.82s-42.7,21.45-42.7,47.82v65.49H54.33V76.13C54.33,35.74,83.57,3,119.63,3Z"/><rect class="cls-1" x="3" y="248.69" width="232.88" height="48.33" rx="24.17"/><circle class="cls-3" cx="119.37" cy="198.97" r="33.23" transform="translate(-67.06 60.82) rotate(-22.5)"/><path class="cls-4" d="M150.84,172.48c-13.19,7.91-23.36,19.71-32.94,31.71l-7.28-11.36c-1.07-1.68-17.17-1.9-15.37.91l14.16,22.09c1,1.6,14,1.65,15.37,0,12.26-15.34,24.3-32.16,41.43-42.44C169,171.71,155.25,169.84,150.84,172.48Z"/></g></g></svg>
539      <b class="text-warning h5 font-monospace mb-0" translate="no">findradio<span>code</span></b>
540    </a>
541    <button type="button" class="nav-offcanvas-close" data-bs-dismiss="offcanvas" aria-label="Close">
542      <i class="bi bi-x-lg"></i>
543    </button>
544  </div>
545
546  
547  <div class="offcanvas-body nav-offcanvas-body d-flex flex-column">
548
549    <nav class="nav-offcanvas-nav flex-grow-1">
550
551      
552      <div class="nav-offcanvas-accordion">
553        <button class="nav-offcanvas-accordion-btn "
554                type="button" data-bs-toggle="collapse" data-bs-target="#oc-brands" aria-expanded="false">
555          <span class="d-flex align-items-center gap-2"><i class="bi bi-car-front"></i>By Car Brand</span>
556          <i class="bi bi-chevron-down oc-chevron"></i>
557        </button>
558        <div class="collapse nav-offcanvas-collapse" id="oc-brands">
559          
560          <div class="nav-offcanvas-grid" data-clone-from="#navbarNav .mega-menu-brand-grid"></div>
561          <a href="https://findradiocode.com/radio-code-for-vehicle/" class="nav-offcanvas-view-all">
562            View All Brands <i class="bi bi-arrow-right ms-1"></i>
563          </a>
564        </div>
565      </div>
566
567      
568      <div class="nav-offcanvas-accordion">
569        <button class="nav-offcanvas-accordion-btn "
570                type="button" data-bs-toggle="collapse" data-bs-target="#oc-mfr" aria-expanded="false">
571          <span class="d-flex align-items-center gap-2"><i class="bi bi-broadcast-pin"></i>By Radio Manufacturers</span>
572          <i class="bi bi-chevron-down oc-chevron"></i>
573        </button>
574        <div class="collapse nav-offcanvas-collapse" id="oc-mfr">
575          
576          <div class="nav-offcanvas-grid" data-clone-from="#navbarNav .mega-menu-mfg-grid"></div>
577          <a href="https://findradiocode.com/radio-code-for-manufacturer/" class="nav-offcanvas-view-all">
578            View All <i class="bi bi-arrow-right ms-1"></i>
579          </a>
580        </div>
581      </div>
582
583      <a href="https://findradiocode.com/reviews" class="nav-offcanvas-link " >
584        <i class="bi bi-star"></i><span>Reviews</span>
585      </a>
586            <a href="/blog" class="nav-offcanvas-link ">
587        <i class="bi bi-journal-text"></i><span>Blog & Guides</span>
588      </a>
589      <a href="https://findradiocode.com/pricing" class="nav-offcanvas-link ">
590        <i class="bi bi-tag"></i><span>Pricing</span>
591      </a>
592            <a href="https://findradiocode.com/contact" class="nav-offcanvas-link ">
593        <i class="bi bi-envelope"></i><span>Contact</span>
594      </a>
595      <a href="https://findradiocode.com/order-search" class="nav-offcanvas-link active">
596        <i class="bi bi-search"></i><span>My Orders</span>
597      </a>
598
599    </nav>
600
601    
602    <div class="nav-offcanvas-footer">
603      
604      <a href="https://findradiocode.com" class="btn btn-warning w-100 fw-bold rounded-pill py-2" data-bs-dismiss="offcanvas">
605        <i class="bi bi-key-fill me-2"></i>Get Your Radio Code
606      </a>
607    </div>
608
609  </div>
610</div>
611
612
613<script nonce="uCP1kUYBVtvuM/bkXVY9JA==">
614(function () {
615  var drawer = document.getElementById('navOffcanvas');
616  if (!drawer) return;
617
618  var filled = false;
619  function fill() {
620    if (filled) return;
621    filled = true;
622    drawer.querySelectorAll('[data-clone-from]').forEach(function (target) {
623      var source = document.querySelector(target.getAttribute('data-clone-from'));
624      if (!source) return;
625      source.querySelectorAll('a[href]').forEach(function (link) {
626        var copy = document.createElement('a');
627        copy.href = link.getAttribute('href');
628        // The desktop item wraps its label in a span next to a chevron icon.
629        var label = link.querySelector('span');
630        if (!label) { label = link; }
631        copy.textContent = label.textContent.trim();
632        target.appendChild(copy);
633      });
634    });
635  }
636
637  drawer.addEventListener('show.bs.offcanvas', fill);
638  // Bootstrap may not be parsed yet when the toggler is tapped early.
639  document.querySelectorAll('[data-bs-target="#navOffcanvas"]').forEach(function (btn) {
640    btn.addEventListener('click', fill);
641  });
642})();
643</script>
643
644
645<style>
646/* ============================================
647   Offcanvas Drawer
648   ============================================ */
649.nav-offcanvas {
650  width: 320px !important;
651  background: #111 !important;
652  border-left: 1px solid rgba(243,156,18,0.2) !important;
653}
654/* Hide before Bootstrap JS initializes - prevents FOUC */
655.nav-offcanvas:not(.show):not(.showing):not(.hiding) {
656  visibility: hidden;
657}
658
659.nav-offcanvas-header {
660  padding: 1.1rem 1.25rem;
661  border-bottom: 1px solid rgba(243,156,18,0.15);
662  display: flex;
663  align-items: center;
664  justify-content: space-between;
665}
666
667.nav-offcanvas-close {
668  background: rgba(255,255,255,0.06);
669  border: 1px solid rgba(255,255,255,0.12);
670  color: #fff;
671  width: 36px; height: 36px;
672  border-radius: 50%;
673  display: flex; align-items: center; justify-content: center;
674  font-size: 1rem;
675  cursor: pointer;
676  transition: background 0.2s;
677}
678.nav-offcanvas-close:hover { background: rgba(243,156,18,0.15); color: #f39c12; }
679
680.nav-offcanvas-body {
681  padding: 0;
682  overflow-y: auto;
683}
684
685.nav-offcanvas-nav {
686  padding: 0.5rem 0;
687}
688
689/* Simple links */
690.nav-offcanvas-link {
691  display: flex;
692  align-items: center;
693  gap: 0.75rem;
694  padding: 0.85rem 1.25rem;
695  color: rgba(255,255,255,0.8);
696  text-decoration: none;
697  font-size: 0.95rem;
698  font-weight: 500;
699  border-left: 3px solid transparent;
700  transition: all 0.2s;
701}
702.nav-offcanvas-link i { color: #f39c12; font-size: 1rem; width: 18px; text-align: center; }
703.nav-offcanvas-link:hover,
704.nav-offcanvas-link.active {
705  color: #f39c12;
706  background: rgba(243,156,18,0.07);
707  border-left-color: #f39c12;
708}
709
710/* Accordion sections */
711.nav-offcanvas-accordion-btn {
712  display: flex;
713  align-items: center;
714  justify-content: space-between;
715  width: 100%;
716  padding: 0.85rem 1.25rem;
717  background: none;
718  border: none;
719  border-left: 3px solid transparent;
720  color: rgba(255,255,255,0.8);
721  font-size: 0.95rem;
722  font-weight: 500;
723  cursor: pointer;
724  transition: all 0.2s;
725}
726.nav-offcanvas-accordion-btn i.bi-car-front,
727.nav-offcanvas-accordion-btn i.bi-broadcast-pin { color: #f39c12; font-size: 1rem; width: 18px; text-align: center; }
728.nav-offcanvas-accordion-btn:hover,
729.nav-offcanvas-accordion-btn.active {
730  color: #f39c12;
731  background: rgba(243,156,18,0.07);
732  border-left-color: #f39c12;
733}
734.nav-offcanvas-accordion-btn[aria-expanded="true"] { color: #f39c12; border-left-color: #f39c12; }
735.nav-offcanvas-accordion-btn[aria-expanded="true"] .oc-chevron { transform: rotate(180deg); }
736.oc-chevron { font-size: 0.75rem; color: rgba(255,255,255,0.4); transition: transform 0.2s; }
737
738/* Brand grid inside accordion */
739.nav-offcanvas-collapse {
740  background: rgba(0,0,0,0.2);
741  border-left: 3px solid rgba(243,156,18,0.3);
742}
743.nav-offcanvas-grid {
744  display: grid;
745  grid-template-columns: 1fr 1fr;
746  gap: 0;
747  padding: 0.5rem 0;
748}
749.nav-offcanvas-grid a {
750  padding: 0.5rem 1.25rem;
751  color: rgba(255,255,255,0.65);
752  text-decoration: none;
753  font-size: 0.85rem;
754  transition: color 0.15s;
755}
756.nav-offcanvas-grid a:hover { color: #f39c12; }
757
758.nav-offcanvas-view-all {
759  display: block;
760  margin: 0.25rem 1rem 0.75rem;
761  padding: 0.5rem 1rem;
762  background: rgba(243,156,18,0.1);
763  border: 1px solid rgba(243,156,18,0.3);
764  border-radius: 6px;
765  color: #f39c12;
766  text-decoration: none;
767  font-size: 0.85rem;
768  font-weight: 600;
769  text-align: center;
770  transition: background 0.2s;
771}
772.nav-offcanvas-view-all:hover { background: rgba(243,156,18,0.2); color: #f39c12; }
773
774/* Footer CTA */
775.nav-offcanvas-footer {
776  padding: 1rem 1.25rem;
777  border-top: 1px solid rgba(243,156,18,0.15);
778}
779
780/* Hamburger button */
781.nav-offcanvas-btn {
782  display: flex;
783  align-items: center;
784  gap: 8px;
785  padding: 7px 12px;
786  background: rgba(243,156,18,0.15);
787  border: 1px solid rgba(243,156,18,0.5) !important;
788  border-radius: 20px;
789  transition: background 0.2s, border-color 0.2s;
790}
791.nav-offcanvas-btn:hover { background: rgba(243,156,18,0.28); border-color: #f39c12 !important; }
792.nav-hamburger-icon {
793  display: flex; flex-direction: column; gap: 4px; width: 20px;
794}
795.nav-hamburger-icon span {
796  display: block; height: 2px; background: #f39c12; border-radius: 2px;
797}
798.nav-hamburger-icon span:nth-child(2) { width: 70%; }
799.nav-menu-label {
800  color: #f39c12;
801  font-size: 0.8rem;
802  font-weight: 700;
803  letter-spacing: 0.05em;
804  text-transform: uppercase;
805  line-height: 1;
806}
807
808/* ============================================
809   CSS Variables - Theme Colors & Transitions
810   ============================================ */
811:root {
812  --nav-primary: #f39c12;
813  --nav-hover-bg: rgba(243, 156, 18, 0.1);
814  --nav-active-bg: rgba(243, 156, 18, 0.15);
815  --nav-border: rgba(243, 156, 18, 0.3);
816  --nav-submenu-bg: rgba(243, 156, 18, 0.05);
817  --nav-scrollbar-thumb: rgba(243, 156, 18, 0.6);
818  --nav-scrollbar-thumb-hover: rgba(243, 156, 18, 0.8);
819  --nav-transition: all 0.2s ease;
820  --nav-transition-smooth: all 0.3s ease;
821}
822
823/* ============================================
824   Modern Navbar Base Styling
825   ============================================ */
826.navbar {
827  background: transparent;
828  transition: background 0.2s ease, box-shadow 0.2s ease;
829}
830
831.navbar-scrolled {
832  background-color: rgba(68, 68, 68, 0.9) !important;
833  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.103);
834}
835
836/* ============================================
837   Navigation Links
838   ============================================ */
839.nav-link-modern {
840  position: relative;
841  transition: var(--nav-transition);
842  border-radius: 6px;
843  margin: 0 2px;
844  font-weight: 500;
845}
846
847.nav-link-modern:hover {
848  background: var(--nav-hover-bg);
849  color: var(--nav-primary) !important;
850}
851
852.nav-link-modern.active {
853  background: var(--nav-active-bg);
854  font-weight: 600;
855}
856
857.nav-link-modern.active::after {
858  content: '';
859  position: absolute;
860  bottom: 0;
861  left: 50%;
862  transform: translateX(-50%);
863  width: 60%;
864  height: 2px;
865  background: var(--nav-primary);
866  border-radius: 2px;
867}
868
869/* ============================================
870   Mega Menu Base Styling
871   ============================================ */
872.navbar .mega-menu-item {
873  position: static !important;
874}
875
876.navbar .manufacturers-menu-item {
877  position: relative !important;
878}
879
880.navbar .manufacturers-menu-item .mega-menu {
881  left: 0 !important;
882  transform: none !important;
883  min-width: 280px !important;
884  max-width: 320px !important;
885}
886
887.navbar .mega-menu {
888  position: absolute !important;
889  min-width: 900px !important;
890  max-width: 1200px !important;
891  left: 50% !important;
892  transform: translateX(-50%) !important;
893  margin-top: 0 !important;
894}
895
896.mega-menu-modern {
897  background: #1a1a1a !important;
898  border: 1px solid var(--nav-border) !important;
899  border-radius: 8px !important;
900  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
901  padding: 1.5rem !important;
902}
903
904.mega-menu-section {
905  padding: 0.5rem 0;
906}
907
908/* Mega menu link styling - consolidated with nav-link hover */
909.mega-menu-item-link {
910  display: flex !important;
911  align-items: center !important;
912  justify-content: space-between !important;
913  padding: 0.5rem 0.75rem !important;
914  border-radius: 6px !important;
915  transition: var(--nav-transition) !important;
916  margin-bottom: 0.15rem;
917}
918
919.mega-menu-item-link:hover {
920  background: var(--nav-hover-bg) !important;
921  color: var(--nav-primary) !important;
922}
923
924.mega-menu-item-link i {
925  opacity: 0.6;
926  transition: var(--nav-transition);
927  font-size: 0.75rem;
928}
929
930.mega-menu-item-link:hover i {
931  opacity: 1;
932  transform: translateX(2px);
933}
934
935.submenu-container {
936  background: var(--nav-submenu-bg);
937  border-left: 2px solid var(--nav-border);
938  border-radius: 4px;
939  margin-top: 0.25rem;
940}
941
942.submenu-container .mega-menu-item-link {
943  padding-left: 1rem !important;
944}
945
946/* ============================================
947   Dropdown & Submenu Arrow Styling (Dual Icons with Show/Hide)
948   ============================================ */
949.dropdown-arrow {
950  display: inline-block;
951  transition: all 0.3s ease;
952  font-size: 0.75rem;
953  vertical-align: middle;
954}
955
956/* Default: show right arrow, hide double-down */
957.dropdown-arrow-right {
958  display: inline-block;
959}
960
961.dropdown-arrow-down {
962  display: none;
963}
964
965/* When open or hover: hide right arrow, show double-down */
966.dropdown-toggle[aria-expanded="true"] .dropdown-arrow-right,
967.mega-menu-item:hover .dropdown-toggle .dropdown-arrow-right {
968  display: none;
969}
970
971.dropdown-toggle[aria-expanded="true"] .dropdown-arrow-down,
972.mega-menu-item:hover .dropdown-toggle .dropdown-arrow-down {
973  display: inline-block;
974}
975
976/* Submenu arrows */
977.submenu-arrow {
978  display: inline-block;
979  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
980  font-size: 0.75rem;
981  margin-left: auto;
982  flex-shrink: 0;
983}
984
985/* Default: show right arrow, hide double-down */
986.submenu-arrow-right {
987  display: inline-block;
988}
989
990.submenu-arrow-down {
991  display: none;
992}
993
994/* When open or hover: hide right arrow, show double-down */
995.has-submenu[aria-expanded="true"] .submenu-arrow-right,
996.dropdown-item-wrapper:hover .has-submenu .submenu-arrow-right {
997  display: none;
998}
999
1000.has-submenu[aria-expanded="true"] .submenu-arrow-down,
1001.dropdown-item-wrapper:hover .has-submenu .submenu-arrow-down {
1002  display: inline-block;
1003}
1004
1005.has-submenu {
1006  display: flex;
1007  align-items: center;
1008  justify-content: space-between;
1009  position: relative;
1010  width: 100%;
1011}
1012
1013.dropdown-item-wrapper {
1014  position: relative;
1015  width: 100%;
1016}
1017
1018/* ============================================
1019   Desktop Responsive Styles (≥992px)
1020   ============================================ */
1021@media (min-width: 1200px) {
1022  /* Mega menu hover behavior */
1023  .mega-menu-item .dropdown-menu {
1024    opacity: 0;
1025    visibility: hidden;
1026    transform: translateX(-50%) translateY(-5px);
1027    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
1028    margin-top: 0;
1029  }
1030
1031  .mega-menu-item:hover .dropdown-menu {
1032    opacity: 1;
1033    visibility: visible;
1034    transform: translateX(-50%) translateY(0);
1035    display: block !important;
1036  }
1037
1038  /* Manufacturers small dropdown: align to nav item, no centering offset */
1039  .manufacturers-menu-item .dropdown-menu {
1040    transform: translateY(-5px) !important;
1041  }
1042
1043  .manufacturers-menu-item:hover .dropdown-menu {
1044    transform: translateY(0) !important;
1045  }
1046
1047  /* Submenu hover behavior */
1048  .dropdown-item-wrapper:hover .submenu-collapse {
1049    display: block !important;
1050    opacity: 1;
1051    max-height: 500px;
1052  }
1053
1054  .dropdown-item-wrapper:hover .has-submenu {
1055    position: relative;
1056  }
1057
1058  .submenu-collapse {
1059    opacity: 0;
1060    max-height: 0;
1061    overflow: hidden;
1062    transition: opacity 0.2s ease, max-height 0.2s ease;
1063  }
1064
1065  .has-submenu {
1066    display: flex;
1067    justify-content: space-between;
1068    align-items: center;
1069  }
1070}
1071
1072/* ============================================
1073   Mobile Responsive Styles (≤991px)
1074   ============================================ */
1075@media (max-width: 1199px) {
1076  /* Submenu click behavior */
1077  .submenu-collapse {
1078    transition: max-height 0.3s ease, opacity 0.3s ease;
1079  }
1080
1081  .submenu-collapse.show {
1082    display: block !important;
1083  }
1084
1085  /* Mega menu mobile layout */
1086  .navbar .mega-menu {
1087    min-width: 100% !important;
1088    left: 0 !important;
1089    transform: none !important;
1090    position: relative !important;
1091    max-height: 70vh !important;
1092    overflow-y: auto !important;
1093    overflow-x: hidden !important;
1094    -webkit-overflow-scrolling: touch !important;
1095    margin-bottom: 1rem !important;
1096    padding: 1rem !important;
1097  }
1098
1099  /* Custom scrollbar for mobile */
1100  .navbar .mega-menu::-webkit-scrollbar {
1101    width: 6px;
1102  }
1103
1104  .navbar .mega-menu::-webkit-scrollbar-track {
1105    background: rgba(255, 255, 255, 0.1);
1106    border-radius: 3px;
1107  }
1108
1109  .navbar .mega-menu::-webkit-scrollbar-thumb {
1110    background: var(--nav-scrollbar-thumb);
1111    border-radius: 3px;
1112  }
1113
1114  .navbar .mega-menu::-webkit-scrollbar-thumb:hover {
1115    background: var(--nav-scrollbar-thumb-hover);
1116  }
1117
1118  /* Stack columns on mobile */
1119  .mega-menu .row {
1120    flex-direction: column !important;
1121  }
1122
1123  .mega-menu .col-lg-3,
1124  .mega-menu .col-md-6,
1125  .mega-menu .col-md-4 {
1126    width: 100% !important;
1127    max-width: 100% !important;
1128    margin-bottom: 0 !important;
1129    padding-left: 0.5rem !important;
1130    padding-right: 0.5rem !important;
1131  }
1132
1133  /* Mobile dropdown item spacing */
1134  .mega-menu .dropdown-item {
1135    padding: 0.75rem 1rem !important;
1136    font-size: 1rem !important;
1137    white-space: normal !important;
1138  }
1139
1140  .mega-menu .dropdown-header {
1141    font-size: 1.1rem !important;
1142    padding: 0.75rem 0.5rem !important;
1143    margin-bottom: 0.5rem !important;
1144    position: sticky !important;
1145    top: -1rem !important;
1146    background-color: rgba(33, 37, 41, 0.95) !important;
1147    z-index: 10 !important;
1148  }
1149
1150  /* Better touch targets (44px minimum) */
1151  .mega-menu .dropdown-item,
1152  .mega-menu .btn {
1153    min-height: 44px !important;
1154    display: flex !important;
1155    align-items: center !important;
1156  }
1157
1158  .mega-menu .btn-warning {
1159    width: 100% !important;
1160    margin-top: 0.5rem !important;
1161  }
1162
1163  .mega-menu-modern {
1164    padding: 1.5rem !important;
1165    border-radius: 8px !important;
1166  }
1167
1168  .mega-menu-section {
1169    margin-bottom: 0;
1170    padding-bottom: 0.25rem;
1171    border-bottom: 1px solid rgba(255, 206, 21, 0.2);
1172  }
1173
1174  .nav-link-modern {
1175    margin: 0.25rem 0;
1176  }
1177}
1178
1179/* ============================================
1180   Mega Menu Content Styling (All Breakpoints)
1181   ============================================ */
1182.mega-menu .dropdown-header {
1183  font-size: 0.95rem;
1184  font-weight: 600;
1185  padding: 0.5rem 0;
1186  margin-bottom: 0.75rem;
1187}
1188
1189.mega-menu .dropdown-item-text {
1190  padding: 0.25rem 0.5rem;
1191}
1192</style>
1193
1194<script>
1195// ============================================
1196// Simplified Navbar JavaScript
1197// ============================================
1198document.addEventListener('DOMContentLoaded', function() {
1199  const navbar = document.querySelector('.navbar');
1200
1201  // ============================================
1202  // Offcanvas accordion chevron sync
1203  // ============================================
1204  document.querySelectorAll('#oc-brands, #oc-mfr').forEach(function(el) {
1205    el.addEventListener('show.bs.collapse', function() {
1206      var btn = document.querySelector('[data-bs-target="#' + el.id + '"]');
1207      if (btn) btn.setAttribute('aria-expanded', 'true');
1208    });
1209    el.addEventListener('hide.bs.collapse', function() {
1210      var btn = document.querySelector('[data-bs-target="#' + el.id + '"]');
1211      if (btn) btn.setAttribute('aria-expanded', 'false');
1212    });
1213  });
1214
1215  // ============================================
1216  // Mega Menu Click Navigation (Second Click)
1217  // ============================================
1218  const megaMenuItems = document.querySelectorAll('.mega-menu-item');
1219
1220  megaMenuItems.forEach(function(menuItem) {
1221    const toggle = menuItem.querySelector('.dropdown-toggle');
1222    const dropdownMenu = menuItem.querySelector('.dropdown-menu');
1223    let shouldNavigate = false;
1224
1225    // Check state BEFORE click event fires
1226    toggle.addEventListener('mousedown', function(e) {
1227      // If dropdown is already open (.show class), next click should navigate
1228      shouldNavigate = dropdownMenu.classList.contains('show');
1229    });
1230
1231    // Handle click: if already open, navigate
1232    toggle.addEventListener('click', function(e) {
1233      if (shouldNavigate) {
1234        e.preventDefault();
1235        e.stopPropagation();
1236        window.location.href = this.getAttribute('href');
1237        shouldNavigate = false;
1238        return false;
1239      }
1240      // Not open yet - let Bootstrap handle opening
1241    });
1242  });
1243
1244  // ============================================
1245  // Submenu Click Navigation (generic submenu support)
1246  // ============================================
1247  const submenuToggles = document.querySelectorAll('.has-submenu');
1248
1249  submenuToggles.forEach(function(toggle) {
1250    const submenuId = toggle.getAttribute('data-bs-target');
1251    const submenu = submenuId ? document.querySelector(submenuId) : null;
1252    let submenuShouldNavigate = false;
1253
1254    if (submenu) {
1255      // Update ARIA when submenu opens/closes
1256      submenu.addEventListener('show.bs.collapse', function() {
1257        toggle.setAttribute('aria-expanded', 'true');
1258      });
1259
1260      submenu.addEventListener('hide.bs.collapse', function() {
1261        toggle.setAttribute('aria-expanded', 'false');
1262      });
1263
1264      // Check state BEFORE click event fires
1265      toggle.addEventListener('mousedown', function(e) {
1266        submenuShouldNavigate = submenu.classList.contains('show');
1267      });
1268
1269      toggle.addEventListener('touchstart', function(e) {
1270        submenuShouldNavigate = submenu.classList.contains('show');
1271      }, { passive: true });
1272
1273      // Handle click: if already open, navigate
1274      toggle.addEventListener('click', function(e) {
1275        if (submenuShouldNavigate) {
1276          // Second click - navigate
1277          e.preventDefault();
1278          e.stopPropagation();
1279          window.location.href = this.getAttribute('href');
1280          submenuShouldNavigate = false;
1281          return false;
1282        }
1283        // First click - let Bootstrap collapse handle it
1284        // Prevent closing parent navbar on mobile
1285        e.stopPropagation();
1286      });
1287    }
1288  });
1289
1290  // ============================================
1291  // ARIA Attributes Management
1292  // ============================================
1293  megaMenuItems.forEach(function(menuItem) {
1294    const toggle = menuItem.querySelector('.dropdown-toggle');
1295    const dropdownMenu = menuItem.querySelector('.dropdown-menu');
1296
1297    if (toggle && dropdownMenu) {
1298      // Set initial ARIA state
1299      toggle.setAttribute('aria-expanded', 'false');
1300
1301      // Update ARIA when dropdown opens/closes
1302      dropdownMenu.addEventListener('show.bs.dropdown', function() {
1303        toggle.setAttribute('aria-expanded', 'true');
1304      });
1305
1306      dropdownMenu.addEventListener('hide.bs.dropdown', function() {
1307        toggle.setAttribute('aria-expanded', 'false');
1308      });
1309
1310      // Desktop hover: update ARIA for accessibility
1311      if (window.innerWidth >= 992) {
1312        menuItem.addEventListener('mouseenter', function() {
1313          toggle.setAttribute('aria-expanded', 'true');
1314        });
1315
1316        menuItem.addEventListener('mouseleave', function() {
1317          if (!dropdownMenu.classList.contains('show')) {
1318            toggle.setAttribute('aria-expanded', 'false');
1319          }
1320        });
1321      }
1322    }
1323  });
1324
1325  // Note: Navbar scroll handling is done in custom-vite.js using progressive CSS variables
1326  // for smooth fade-in effect instead of binary on/off
1327});
1328</script>
1328
1329
1330<!--  logos instead of logo decoding
1331  
1332  
1333  
1334-->
1335  <main class="container-expand-lg text-white text-opacity-100 min-vh-100">
1336<style>
1337    /* ---- /order-search visual polish (scoped to this page) ---- */
1338
1339    /* Glass card: translucent dark surface, backdrop blur, sheen border, deep float. */
1340    .order-search-card {
1341        background: rgba(26, 30, 38, .72) !important;
1342        border: 1px solid rgba(255, 255, 255, .12) !important;
1343        -webkit-backdrop-filter: blur(16px) saturate(120%);
1344        backdrop-filter: blur(16px) saturate(120%);
1345        box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .45) !important;
1346    }
1347    .order-search-card .card-body,
1348    .order-search-card .card-footer {
1349        background: transparent !important;
1350        border-color: rgba(255, 255, 255, .08) !important;
1351    }
1352
1353    /* Frosted inputs: white text, soft border, branded focus glow. */
1354    .order-search-card .form-control {
1355        background-color: rgba(255, 255, 255, .06);
1356        border: 1px solid rgba(255, 255, 255, .16);
1357        color: #fff;
1358        border-radius: .65rem;
1359    }
1360    .order-search-card .form-control::placeholder { color: rgba(255, 255, 255, .5); }
1361    .order-search-card .form-control:focus {
1362        background-color: rgba(255, 255, 255, .1);
1363        border-color: #4f8cff;
1364        box-shadow: 0 0 0 .2rem rgba(79, 140, 255, .3);
1365        color: #fff;
1366    }
1367    /* Keep autofilled values legible on the frosted surface (no white-on-white). */
1368    .order-search-card .form-control:-webkit-autofill {
1369        -webkit-text-fill-color: #fff;
1370        -webkit-box-shadow: 0 0 0 1000px rgba(40, 44, 52, .92) inset;
1371        transition: background-color 9999s ease-in-out 0s;
1372    }
1373
1374    /* Result box: rich emerald gradient + soft glow so the white code/buttons pop
1375       (the flat bootstrap green looked washed-out and undesigned). */
1376    .order-search-card .code-result {
1377        background: linear-gradient(145deg, #10b981 0%, #047857 100%) !important;
1378        border: 0 !important;
1379        color: #fff !important;
1380        box-shadow: 0 .75rem 2rem rgba(4, 120, 87, .4);
1381    }
1382    .order-search-card .code-result hr { border-top-color: rgba(255, 255, 255, .35); }
1383
1384    /* Code reveal animation. */
1385    @keyframes orderCodeReveal {
1386        from { opacity: 0; transform: translateY(10px); }
1387        to   { opacity: 1; transform: translateY(0); }
1388    }
1389    .order-code-reveal { animation: orderCodeReveal .4s ease-out both; }
1390
1391    /* Copy confirmation pulse. */
1392    #copy-code-btn.copied { animation: copiedPulse .3s ease; }
1393    @keyframes copiedPulse {
1394        0%   { transform: scale(1); }
1395        50%  { transform: scale(1.06); }
1396        100% { transform: scale(1); }
1397    }
1398
1399    @media (prefers-reduced-motion: reduce) {
1400        .order-code-reveal,
1401        #copy-code-btn.copied { animation: none; }
1402    }
1403</style>
1404
1405<div class="container rounded text-center py-3">
1406    <div class="row mt-3">
1407        <div class="col-xl-6 col-md-8 mx-auto">
1408            <div class="card order-search-card text-center border-0 shadow-lg rounded-4 overflow-hidden">
1409                <!-- Header -->
1410                <div class="card-header bg-primary bg-gradient text-white border-0 py-4">
1411                    <div class="d-flex align-items-center justify-content-center gap-2 mb-1">
1412                        <span class="d-inline-flex align-items-center justify-content-center bg-white bg-opacity-25 rounded-circle flex-shrink-0" style="width:40px;height:40px;">
1413                            <i class="bi bi-search fs-5" aria-hidden="true"></i>
1414                        </span>
1415                        <h1 class="h3 mb-0">Find a Radio Code You Already Bought</h1>
1416                    </div>
1417                    <p class="mb-0 small opacity-75">Enter the serial number and the email you used at checkout to see your code again - free.</p>
1418                </div>
1419
1420                <div class="card-body p-3">
1421                    <!-- Form - improved with spacing classes -->
1422                    <form action="https://findradiocode.com/order-search" method="post" id="order-search-form">
1423                        <input type="hidden" name="_token" value="omIP494sXbS20ugyDSxuUhuyeGuIMmxQBLyEuXLn" autocomplete="off">
1423                        <div class="form-group mb-3 col-12 col-md-8 col-xl-6 mx-auto text-start">
1424                            <label for="serial" class="form-label fw-medium">Serial number:</label>
1425                            
1426                            <input type="text" name="serial" id="serial" class="form-control form-control-lg" oninput="this.value = this.value.toUpperCase().replace(/\s/g, '')" value="" autofocus  autocomplete="off">
1427                        </div>
1428                        <div class="form-group mb-3 col-12 col-md-8 col-xl-6 mx-auto text-start">
1429                            <label for="email" class="form-label fw-medium">Email (used for receiving the code):</label>
1430                            <input type="email" name="email" id="email" class="form-control form-control-lg" value="" placeholder="Your email" autocomplete="email">
1431                        </div>
1432                        <div class="col-12 col-md-8 col-xl-6 mx-auto">
1433                            <button type="submit" class="btn btn-primary btn-lg w-100 my-2">
1434                                <i class="bi bi-search me-2" aria-hidden="true"></i>Search for Order
1435                            </button>
1436                            <p class="text-muted small mt-2 mb-0">100% free - re-find a code you already purchased.</p>
1437                        </div>
1438                    </form>
1439
1440                                            
1441                        
1441<script>
1442                        document.addEventListener('DOMContentLoaded', function () {
1443                            var form = document.getElementById('order-search-form');
1444                            var serial = document.getElementById('serial');
1445                            var email = document.getElementById('email');
1446                            if (form && serial && email && serial.value.trim() && email.value.trim()) {
1447                                form.submit();
1448                            }
1449                        });
1450                        </script>
1450
1451                    
1452                    
1453                    
1454                    <!-- Results section - same structure with better formatting -->
1455                                                                                </div>
1456
1457                <!-- Footer - same with minimal improvements -->
1458                <div class="card-footer py-3">
1459                    <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#codeLate">
1460                        <i class="bi bi-info-circle me-1"></i>Read more if your code is delayed
1461                    </button>
1462                </div>
1463            </div>
1464        </div>
1465    </div>
1466
1467    
1468    
1469    <!-- Modal - using the one you provided in the paste -->
1470    <div class="modal fade" id="codeLate" tabindex="-1" aria-labelledby="codeLateLabel" aria-hidden="true">
1471        <div class="modal-dialog modal-dialog-centered">
1472            <div class="modal-content bg-dark text-white">
1473                <div class="modal-header bg-warning bg-opacity-10 border-secondary">
1474                    <h5 class="modal-title text-warning" id="codeLateLabel">
1475                        <i class="bi bi-exclamation-triangle me-1" aria-hidden="true"></i>If code is delayed:
1476                    </h5>
1477                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1478                </div>
1479                <div class="modal-body">
1480                    <div class="text-muted mb-3 small">
1481                        <i class="bi bi-calendar-check me-1"></i>
1482                        Search available for codes ordered from 7.Nov.2023
1483                    </div>
1484                    
1485                    <div class="card bg-secondary bg-opacity-10 mb-2">
1486                        <div class="card-body">
1487                            <h6 class="small d-flex align-items-center">
1488                                <span class="badge bg-warning me-2">1</span>
1489                                Check if your payment is pending.
1490                            </h6>
1491                            <p class="small text-muted mb-1">Check if your payment is still pending. If it is, that&#039;s why you haven&#039;t received the code - we haven&#039;t received the payment yet, which can happen with Cash App. You might want to try using a card instead. Once payment is received, the code is automatically sent to your email.</p>
1492                            <p class="small text-warning mb-0">If the payment is still pending or processing, you can contact our payment processor at [email protected] and share the email you used at checkout to ask why.</p>
1493                            <p class="small text-muted mb-1">Usually, if the payment is stuck for a few days, it gets canceled, and the money is returned.</p>
1494                        </div>
1495                    </div>
1496
1497                    <div class="card bg-secondary bg-opacity-10 mb-2">
1498                        <div class="card-body">
1499                            <h6 class="small d-flex align-items-center">
1500                                <span class="badge bg-warning me-2">2</span>
1501                                Server Maintenance
1502                            </h6>
1503                            <p class="small text-muted mb-1">If Chrysler server for T00AM or T**QN serial is not working (in maintenance mode), there could be a delay.</p>
1504                            <p class="small text-warning mb-0">Not even the dealership can provide you with a faster code because we use the same system.</p>
1505                        </div>
1506                    </div>
1507                    
1508                    <div class="card bg-secondary bg-opacity-10 mb-3">
1509                        <div class="card-body">
1510                            <h6 class="small d-flex align-items-center">
1511                                <span class="badge bg-warning me-2">3</span>
1512                                Additional Information Required
1513                            </h6>
1514                            <p class="small text-muted mb-1">Some specific radio serial numbers need more information, such as the part number.</p>
1515                            <p class="small text-muted mb-0">We will send you an email asking for that information so we can provide you with your code as soon as possible.</p>
1516                        </div>
1517                    </div>
1518                    
1519                    <div class="card bg-secondary bg-opacity-10">
1520                        <div class="card-body">
1521                            <h6 class="text-center mb-3 small">Contact Our Support Team</h6>
1522                            
1523                            <div class="row g-2">
1524                                <div class="col-6">
1525                                    <div class="card bg-primary bg-opacity-10 mb-2 h-100">
1526                                        <div class="card-body text-center">
1527                                            <i class="bi bi-envelope text-primary mb-1"></i>
1528                                            <h6 class="small mb-2">Email Support</h6>
1529                                            <a href="mailto:&#111;&#101;&#109;&#114;&#97;&#100;&#105;&#111;&#99;&#111;&#100;&#101;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;" 
1530                                               class="btn btn-sm btn-primary">
1531                                                Send Email
1532                                            </a>
1533                                        </div>
1534                                    </div>
1535                                </div>
1536                                
1537                                <div class="col-6">
1538                                    <div class="card bg-success bg-opacity-10 mb-2 h-100">
1539                                        <div class="card-body text-center">
1540                                            <i class="bi bi-whatsapp text-success mb-1"></i>
1541                                            <h6 class="small mb-2">WhatsApp Support</h6>
1542                                            <a href="https://wa.me/+381612117956?text=Hello+from+findradiocode+order+page" 
1543                                               target="_blank" 
1544                                               rel="nofollow noopener noreferrer" 
1545                                               class="btn btn-sm btn-success">
1546                                                Message Us
1547                                            </a>
1548                                        </div>
1549                                    </div>
1550                                </div>
1551                            </div>
1552                            
1553                            <p class="text-center text-muted small mt-2 mb-0">
1554                                <i class="bi bi-clock-history me-1"></i>
1555                                Always respond within 24 hours
1556                            </p>
1557                        </div>
1558                    </div>
1559                </div>
1560                <div class="modal-footer border-secondary">
1561                    <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
1562                </div>
1563            </div>
1564        </div>
1565    </div>
1566</div>
1567</main>
1568    <footer class="bg-dark text-white py-4 mt-4">
1569  <div class="container">
1570    <!-- Main Content -->
1571    <div class="row g-4">
1572
1573
1574      <!-- About Section -->
1575      <div class="col-lg-3 col-md-6" itemscope itemtype="https://schema.org/Organization">
1576        <p class="border-start border-warning border-4 ps-3 mb-4 h5">
1577          <span itemprop="name">FindRadioCode.com</span>
1578        </p>
1579        <p class="text-light text-body-secondary mb-3">
1580          <span itemprop="description">Instant car radio unlock codes with just your serial number.
1581          Supporting Chrysler, Dodge, Jeep, RAM, Fiat, and 15+ brands.</span>
1582        </p>
1583        <p class="small text-body-secondary">
1584          <i class="bi bi-clock-history text-warning me-1"></i>
1585          8+ years of experience in radio code retrieval.
1586        </p>
1587        <meta itemprop="url" content="https://findradiocode.com">
1588      </div>
1589      
1590
1591
1592      <!-- Help Section -->
1593      <div class="col-lg-3 col-md-6">
1594        <p class="border-start border-warning border-4 ps-3 mb-4 h5">Need Assistance?</p>
1595        <p class="text-light text-body-secondary mb-3">We're here to help! Contact us anytime for support. <i class="bi bi-headset text-warning"></i></p>
1596        <img class="showWhatsAppModal hover-lift" loading="lazy" src="https://findradiocode.com/img/main pictures/WhatsAppButton.png" width="160" height="35" alt="Contact via WhatsApp" style="cursor: pointer;">
1597      </div>
1598
1599      <!-- Links Section -->
1600      <div class="col-lg-3 col-md-6">
1601        <p class="border-start border-warning border-4 ps-3 mb-4 h5">Quick Links</p>
1602        <ul class="list-unstyled">
1603          <li class="mb-3">
1604            <a href="https://findradiocode.com/about-us" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1605              <i class="bi bi-chevron-right text-warning me-2"></i>
1606              <span>About Us</span>
1607            </a>
1608          </li>
1609          <li class="mb-3">
1610            <a href="https://findradiocode.com/how-it-works" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1611              <i class="bi bi-chevron-right text-warning me-2"></i>
1612              <span>How It Works</span>
1613            </a>
1614          </li>
1615          <li class="mb-3">
1616            <a href="https://findradiocode.com/refund" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1617              <i class="bi bi-chevron-right text-warning me-2"></i>
1618              <span>Refund Policy</span>
1619            </a>
1620          </li>
1621          <li class="mb-3">
1622            <a href="https://findradiocode.com/faq" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1623              <i class="bi bi-chevron-right text-warning me-2"></i>
1624              <span>FAQ</span>
1625            </a>
1626          </li>
1627          <li class="mb-3">
1628            <a href="https://findradiocode.com/radio-code-api" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1629              <i class="bi bi-chevron-right text-warning me-2"></i>
1630              <span>Radio Code API</span>
1631            </a>
1632          </li>
1633          <li class="mb-3">
1634            <a href="https://findradiocode.com/tools/barcode-scanner-for-radio-serial-number" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1635              <i class="bi bi-chevron-right text-warning me-2"></i>
1636              <span>Barcode Scanner</span>
1637            </a>
1638          </li>
1639          <li class="mb-3">
1640            <a href="https://findradiocode.com/tools" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1641              <i class="bi bi-chevron-right text-warning me-2"></i>
1642              <span>Free Tools</span>
1643            </a>
1644          </li>
1645          <li class="d-flex align-items-center">
1646            <a href="https://www.youtube.com/@findradiocode" target="_blank" rel="noopener" class="text-body-secondary text-decoration-none d-flex align-items-center hover-link">
1647              <i class="bi bi-youtube text-danger me-2"></i>
1648              <span>Our YouTube</span>
1649            </a>
1650            <span class="mx-2 text-body-secondary opacity-50">|</span>
1651            <a href="https://www.facebook.com/findradiocode" target="_blank" rel="noopener" class="text-body-secondary hover-link me-2">
1652              <i class="bi bi-facebook fs-5" aria-hidden="true"></i>
1653              <span class="visually-hidden">Facebook</span>
1654            </a>
1655            <a href="https://www.tiktok.com/@findradiocode.com" target="_blank" rel="noopener" class="text-body-secondary hover-link" aria-label="TikTok">
1656              <i class="bi bi-tiktok fs-5" aria-hidden="true"></i>
1657              <span class="visually-hidden">TikTok</span>
1658            </a>
1659          </li>
1660        </ul>
1661      </div>
1662
1663      <!-- Payment Section bg-dark-subtle p-3 rounded -->
1664      <div class="col-lg-3 col-md-6">
1665        <p class="border-start border-warning border-4 ps-3 mb-4 h5">Secure Payment</p>
1666        <div class="d-inline-block hover-lift">
1667          <img loading="lazy" src="https://findradiocode.com/img/main pictures/no-paypal-badge1.png" alt="Payment options" width="170" height="35">
1668        </div>
1669        <p class="small text-body-secondary mt-3">
1670          <small>All trademarks and logos are property of their respective owners.</small>
1671        </p>
1672      </div>
1673    </div>
1674
1675    <!-- Divider -->
1676    <hr class="border-secondary opacity-50">
1677
1678    <!-- Bottom Bar -->
1679    <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
1680      <div class="small mb-3 mb-md-0 text-body-secondary">
1681        <i class="bi bi-c-circle"></i> 2026 Find Radio Code. All rights reserved.
1682      </div>
1683      <a data-scroll="top" role="button" tabindex="0" id="btnScrollTop" class="btn btn-sm btn-outline-warning rounded-circle p-1 d-inline-flex align-items-center justify-content-center mb-3 mb-md-0" style="width: 32px; height: 32px;">
1684        <i class="bi bi-arrow-up" aria-hidden="true"></i>
1685        <span class="visually-hidden">Scroll to top</span>
1686      </a>
1687      <div class="d-flex align-items-center flex-wrap justify-content-center">
1688        <a href="https://findradiocode.com/terms-and-conditions" class="text-body-secondary text-decoration-none hover-link">Terms & Conditions</a>
1689        <span class="text-body-secondary opacity-50 mx-2">•</span>
1690        <a href="https://findradiocode.com/privacy-policy" class="text-body-secondary text-decoration-none hover-link">Privacy Policy</a>
1691      </div>
1692    </div>
1693  </div>
1694</footer>  
1694<script nonce="uCP1kUYBVtvuM/bkXVY9JA==">
1695(function() {
1696  var loaded = false;
1697  var loading = false;
1698  var pendingOpen = false;
1699  var WIDGET_BASE_URL = 'https://findradiocode.com/chat-widget';
1700  var WIDGET_LANG = (document.documentElement.lang || 'en').toLowerCase().slice(0, 2);
1701  var WIDGET_URL = WIDGET_BASE_URL + '?lang=' + encodeURIComponent(WIDGET_LANG);
1702
1703  function injectHtml(html) {
1704    var container = document.createElement('div');
1705    container.innerHTML = html;
1706
1707    // Move <style>/<button>/<div> children to body, collect 
1707<script> for re-creation
1708    var scripts = [];
1709    while (container.firstChild) {
1710      var child = container.firstChild;
1711      if (child.nodeName === 'SCRIPT') {
1712        scripts.push(child);
1713        container.removeChild(child);
1714      } else {
1715        document.body.appendChild(child);
1716      }
1717    }
1718
1719    // Cloned/innerHTML scripts don't execute - re-create them
1720    scripts.forEach(function(oldScript) {
1721      var newScript = document.createElement('script');
1722      var n = oldScript.getAttribute('nonce');
1723      if (n) newScript.setAttribute('nonce', n);
1724      newScript.text = oldScript.textContent;
1725      document.body.appendChild(newScript);
1726    });
1727
1728    // Pop-in animation
1729    var btn = document.getElementById('faqWidgetBtn');
1730    if (btn) {
1731      btn.style.opacity = '0';
1732      btn.style.transform = 'scale(0.5)';
1733      requestAnimationFrame(function() {
1734        btn.style.transition = 'opacity 0.4s ease, transform 0.5s cubic-bezier(.34,1.56,.64,1), box-shadow 0.2s';
1735        btn.style.opacity = '1';
1736        btn.style.transform = 'scale(1)';
1737      });
1738    }
1739
1740    if (pendingOpen && btn) {
1741      pendingOpen = false;
1742      btn.click();
1743    }
1744  }
1745
1746  function loadWidget() {
1747    if (loaded || loading) return;
1748    loading = true;
1749
1750    fetch(WIDGET_URL, { credentials: 'same-origin' })
1751      .then(function(r) { return r.ok ? r.text() : null; })
1752      .then(function(html) {
1753        if (!html) { loading = false; return; }
1754        loaded = true;
1755        loading = false;
1756        injectHtml(html);
1757      })
1758      .catch(function() { loading = false; });
1759  }
1760
1761  // Public API for early triggers (Live Chat / Start Chat buttons elsewhere)
1762  window.openFaqWidget = function() {
1763    if (loaded) {
1764      var btn = document.getElementById('faqWidgetBtn');
1765      if (btn) btn.click();
1766    } else {
1767      pendingOpen = true;
1768      loadWidget();
1769    }
1770  };
1771
1772  function schedule() {
1773    setTimeout(loadWidget, 2500);
1774  }
1775
1776  if (document.readyState === 'complete') {
1777    schedule();
1778  } else {
1779    window.addEventListener('load', schedule, { once: true });
1780  }
1781})();
1782</script>
1782
1783  
1784    
1784<script nonce="uCP1kUYBVtvuM/bkXVY9JA==">window.lemonSqueezyAffiliateConfig = { store: "findradiocode" };</script>
1784
1785    
1785<script src="https://lmsqueezy.com/affiliate.js" defer></script>
1785
1786
1787    
1788    
1788<script nonce="uCP1kUYBVtvuM/bkXVY9JA==">
1789    document.addEventListener('DOMContentLoaded', function() {
1790      // Handle scroll-to-top elements with data-scroll="top"
1791      document.querySelectorAll('[data-scroll="top"]').forEach(function(el) {
1792        el.addEventListener('click', function(e) {
1793          e.preventDefault();
1794          window.scrollTo({
1795            top: 0,
1796            behavior: 'smooth'
1797          });
1798        });
1799      });
1800
1801      // Handle section scroll elements with data-scroll-target attribute
1802      document.querySelectorAll('[data-scroll-target]').forEach(function(el) {
1803        el.addEventListener('click', function(e) {
1804          e.preventDefault();
1805          var targetId = this.getAttribute('data-scroll-target');
1806          var targetEl = document.getElementById(targetId);
1807          if (targetEl) {
1808            targetEl.scrollIntoView({
1809              behavior: 'smooth',
1810              block: 'start'
1811            });
1812          }
1813        });
1814      });
1815    });
1816    </script>
1816
1817
1818    
1819    
1820    
1821    
1822    
1822<script type="application/json" id="scanner-i18n"
1823        data-suggest-url="https://findradiocode.com/scanner/suggest"
1824        data-page-url="https://findradiocode.com/tools/barcode-scanner-for-radio-serial-number">{"modal_title":"Scan your radio label","modal_lead":"Your photo stays on your device.","modal_foot":"No barcode on your label? Just type the serial by hand.","open_full_page":"Open the full page scanner","modal_sub":"Read the serial number straight from the barcode or QR code on the label.","drop_formats":"JPG, PNG, WebP or HEIC","close":"Close","drop_title":"Drop a photo of the radio label here","drop_hint":"or click to choose a photo, or paste one with Ctrl+V","drop_hint_touch":"or tap to pick a photo, or take one with your camera","choose_file":"Choose a photo","preview_alt":"The photo you scanned","loading":"Loading the scanner, about 1 MB the first time.","scanning":"Reading the photo...","found_one":"Found 1 code.","found_many":"Found :count codes.","no_code":"No barcode or QR code found. Try a sharper photo with the label filling the frame.","unclear":"The photo is not clear enough to read the barcode or QR code. Please make sure the label is clean and clearly visible: take a sharper photo in good light, with no glare and the code filling the frame.","camera_unclear":"The picture is not clear enough to read. Hold the phone steady, move back a little so it can focus, and make sure the label is clearly visible, in good light, with no glare.","camera_try_upload":"Still not reading? Try uploading a photo of the label instead - a still photo often reads better.","camera_upload_button":"Upload a photo","nudge_new":"NEW","nudge_text":"New: scan the barcode on your label instead of typing the serial.","trying_harder":"No serial yet - looking harder (step :n of :total)...","codes_found_one":"1 code found on the label","codes_found_many":":count codes found on the label","info_label":"What is this code?","info_retail":"A shop product barcode. It identifies the product, not your radio - it is never the serial number.","info_datamatrix":"A small square code of dots. On radio labels it often holds the part number and the serial number together.","info_qr":"A square code. On some radios it is printed on the circuit board and holds the serial number.","info_linear":"A barcode made of lines. Radio labels use it for the serial number and for the part number.","info_other":"A 2D code, usually shipping or factory data. It is rarely the serial number.","not_an_image":"That file is not an image.","unsupported_image":"This browser cannot open that image. Save it as JPG or PNG and try again.","engine_error":"The scanner could not start. Check your connection and try again.","col_type":"Code type","col_value":"Value","col_action":"Serial","checking":"Checking...","copy":"Copy","copied":"Copied","use_serial":"Use this serial","found_title":"Serial number found","found_filled":"We filled it in for you. Double-check it matches the label on your radio, character by character.","found_check":"Double-check it matches the label on your radio, character by character.","continue":"Continue","get_code":"Get the code for this serial","tab_upload":"Upload a photo","tab_camera":"Use your camera","camera_hint":"Hold the label inside the frame, about a hand width away, until the barcode is read.","camera_starting":"Starting the camera... tap Allow if your browser asks.","camera_scanning":"Looking for a barcode...","camera_paused":"Camera paused. Tap \u0022Use your camera\u0022 to start again.","camera_insecure":"The camera needs a secure (https) connection in this browser. Upload a photo instead.","camera_denied":"Camera access is turned off for this site.","camera_fix_ios_safari":"To turn it on: tap aA in the address bar, then Website Settings, set Camera to Allow, and tap Try again.","camera_fix_ios_app":"To turn it on: open your iPhone Settings, find this browser in the list, turn on Camera, then come back and tap Try again.","camera_fix_android":"To turn it on: tap the icon to the left of the web address, open Permissions, turn on Camera, then tap Try again.","camera_fix_desktop":"To turn it on: click the camera icon in the address bar, choose Allow, then click Try again.","camera_busy":"The camera is in use by another app. Close it and tap Try again, or take a photo instead.","camera_retry":"Try again","camera_photo_instead":"Take or upload a photo","camera_none":"No camera was found on this device. Upload a photo instead.","camera_error":"The camera could not start. Upload a photo instead.","backup_toggle":"Not reading? Try an alternative","backup_lead":"You can also use any other barcode or QR code scanning app, for example","backup_link":"the Aspose barcode reader","backup_tail":"Then simply copy and paste the scanned result into the serial number field.","not_a_serial":"Not a serial we recognise","sh_title":"HOW TO FIND UCONNECT RADIO SERIAL NUMBER","sh_locate":"Please locate the S/N (serial number) on the label on the back of your radio by pulling it out from the car.","sh_length_before":"In most cases, the serial number is","sh_length_value":"14-15 characters","sh_length_after":"long.","sh_starts":"Starts with","sh_more":"and more... check the whole list here.","sh_screen_before":"For radios like Ford, Honda, Acura, Porsche, or those with NTG4 or MYGIG systems, the","sh_screen_bold":"serial number may appear on the screen by holding buttons 1 and 6 simultaneously.","sh_link_removal":"How can I remove a radio from its housing to see the serial number label?","sh_link_screen":"How can I get the serial number displayed on screen without physically removing it? (If possible for your model)","
1824sh_link_video":"Watch this video to learn how to display the serial number on the screen for many Uconnect models.","sh_important":"IMPORTANT","sh_write_before":"Write down the","sh_write_bold":"complete serial number","sh_write_after":"exactly as shown.","sh_careful":"Be very careful when typing your serial number. Some letters and numbers look very similar, like:","sh_lookalikes":"0 (zero) - O (letter), 2 - Z, 1 - I, i - L, U - V, B - 8, 5 - S.","sh_wrong":"If you type the wrong serial number, the code won\u0027t work, and you\u0027ll have to buy a new one using the correct serial number.","sh_make_sure":"To make sure you enter it correctly, you can:","sh_scan":"Scan the barcode from your label","sh_scan_note":"We read it in your browser and fill the field for you. The photo is never uploaded.","sh_harman":"T00BE HARMAN SERIES","sh_panasonic":"TM9 PANASONIC SERIES"}</script>
1824
1825</body>
1826</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.