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's why you haven't received the code - we haven'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:oemradiocode@gmail.com" 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.