{"id":83,"date":"2026-02-09T13:28:43","date_gmt":"2026-02-09T13:28:43","guid":{"rendered":"http:\/\/wheelfront.teeztech.com\/?page_id=83"},"modified":"2026-06-08T13:23:30","modified_gmt":"2026-06-08T13:23:30","slug":"home","status":"publish","type":"page","link":"https:\/\/wheelfront.com\/marketplace\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"83\" class=\"elementor elementor-83\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96f186a e-flex e-con-boxed e-con e-parent\" data-id=\"96f186a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-524ee03 searchdrop elementor-widget elementor-widget-shortcode\" data-id=\"524ee03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n            \/* FOUC Prevention - Critical CSS for Advanced Search Tabs *\/\n            .wf-advanced-search-container { color: #ffffff; font-family: 'Wix Madefor Text', sans-serif; }\n            .wf-advanced-search-tabs { display: flex; gap: 10px; border-bottom: 1px solid #1e293b; margin-bottom: 30px; }\n            .wf-tab-btn { background: transparent; border: 1px solid #1A253C!important; padding: 15px 30px; cursor: pointer; text-align: left; display: flex; flex-direction: column; border-bottom: 3px solid transparent; transition: all 0.3s ease;border-radius: 10px 10px 0 0!important; }\n            .wf-tab-btn.active { border-bottom-color: #ef4444!important; background: rgba(255,255,255,0.03); border-radius: 8px 8px 0 0!important; }\n            .wf-tab-btn .tab-title { font-size: 14px; font-weight: 700; color: #94a3b8; text-transform: uppercase; }\n            .wf-tab-btn.active .tab-title { color: #ef4444; }\n            .wf-tab-btn .tab-subtitle { font-size: 12px; color: #64748b; margin-top: 4px; }\n            .wf-tab-panel { display: none; }\n            .wf-tab-panel.active { display: block; }\n            @media (max-width: 768px) { .wf-advanced-search-tabs { flex-direction: column; gap: 5px; } .wf-tab-btn { width: 100%; } }\n        <\/style>\n        \n        \n        <div class=\"wf-advanced-search-container\">\n\n            <div class=\"wf-advanced-search-tabs\">\n                <button class=\"wf-tab-btn active\" data-tab=\"vehicle\">\n                    <span class=\"tab-title\">BY VEHICLE<\/span>\n                    <span class=\"tab-subtitle\">what wheels will fit your car<\/span>\n                <\/button>\n                <button class=\"wf-tab-btn\" data-tab=\"rim\">\n                    <span class=\"tab-title\">BY RIM SIZE<\/span>\n                    <span class=\"tab-subtitle\">what vehicles use this rim size<\/span>\n                <\/button>\n            <\/div>\n\n            <div class=\"wf-advanced-search-content\">\n                <!-- Tab: By Vehicle -->\n                <div class=\"wf-tab-panel active\" id=\"wf-panel-vehicle\">\n                    <p class=\"panel-instruction\">Specify make, year and model to find matching wheels:<\/p>\n                    <form class=\"wf-adv-search-form\" data-type=\"vehicle\">\n                        <div class=\"wf-search-form-row\">\n                            <div class=\"wf-form-group\">\n                                <select name=\"wf_make\" class=\"wf-make-select\">\n                                    <option value=\"\">Make<\/option>\n                                    <option value=\"acura\">Acura<\/option><option value=\"alfa-romeo\">alfa-romeo<\/option><option value=\"aston-martin\">Aston Martin<\/option><option value=\"audi\">audi<\/option><option value=\"baw\">Baw<\/option><option value=\"bmw\">BMW<\/option><option value=\"chery\">Chery<\/option><option value=\"dodge\">dodge<\/option><option value=\"honda\">Honda<\/option>                                <\/select>\n                            <\/div>\n                            <div class=\"wf-form-group\">\n                                <select name=\"wf_year\" class=\"wf-year-select\" disabled>\n                                    <option value=\"\">Year<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"wf-form-group\">\n                                <select name=\"wf_model\" class=\"wf-model-select\" disabled>\n                                    <option value=\"\">Model<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"wf-form-group search-btn-group\">\n                                <button type=\"submit\" class=\"wf-adv-search-submit\">Search<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/form>\n                <\/div>\n\n                <!-- Tab: By Rim Size -->\n                <div class=\"wf-tab-panel\" id=\"wf-panel-rim\">\n                    <p class=\"panel-instruction\">Specify rim values to find matching listings:<\/p>\n                    <form class=\"wf-adv-search-form\" data-type=\"rim\">\n                        <div class=\"wf-search-form-row rim-specs-row\">\n                            <div class=\"wf-form-group\">\n                                <select name=\"wf_rim_diameter\">\n                                    <option value=\"\">Rim Diameter<\/option>\n                                    <option value='13'>13\"<\/option><option value='14'>14\"<\/option><option value='15'>15\"<\/option><option value='16'>16\"<\/option><option value='17'>17\"<\/option><option value='18'>18\"<\/option><option value='19'>19\"<\/option><option value='20'>20\"<\/option><option value='21'>21\"<\/option><option value='22'>22\"<\/option><option value='23'>23\"<\/option><option value='24'>24\"<\/option>                                <\/select>\n                            <\/div>\n                            <div class=\"wf-form-group\">\n                                <select name=\"wf_rim_width\">\n                                    <option value=\"\">Rim Width<\/option>\n                                    <option value='5'>5 J<\/option><option value='5.5'>5.5 J<\/option><option value='6'>6 J<\/option><option value='6.5'>6.5 J<\/option><option value='7'>7 J<\/option><option value='7.5'>7.5 J<\/option><option value='8'>8 J<\/option><option value='8.5'>8.5 J<\/option><option value='9'>9 J<\/option><option value='9.5'>9.5 J<\/option><option value='10'>10 J<\/option><option value='10.5'>10.5 J<\/option><option value='11'>11 J<\/option><option value='11.5'>11.5 J<\/option><option value='12'>12 J<\/option><option value='12.5'>12.5 J<\/option><option value='13'>13 J<\/option><option value='13.5'>13.5 J<\/option><option value='14'>14 J<\/option>                                <\/select>\n                            <\/div>\n                            <div class=\"wf-form-group\">\n                                <select name=\"wf_offset\">\n                                    <option value=\"\">Offset<\/option>\n                                    <option value='-50'>ET -50<\/option><option value='-49'>ET -49<\/option><option value='-48'>ET -48<\/option><option value='-47'>ET -47<\/option><option value='-46'>ET -46<\/option><option value='-45'>ET -45<\/option><option value='-44'>ET -44<\/option><option value='-43'>ET -43<\/option><option value='-42'>ET -42<\/option><option value='-41'>ET -41<\/option><option value='-40'>ET -40<\/option><option value='-39'>ET -39<\/option><option value='-38'>ET -38<\/option><option value='-37'>ET -37<\/option><option value='-36'>ET -36<\/option><option value='-35'>ET -35<\/option><option value='-34'>ET -34<\/option><option value='-33'>ET -33<\/option><option value='-32'>ET -32<\/option><option value='-31'>ET -31<\/option><option value='-30'>ET -30<\/option><option value='-29'>ET -29<\/option><option value='-28'>ET -28<\/option><option value='-27'>ET -27<\/option><option value='-26'>ET -26<\/option><option value='-25'>ET -25<\/option><option value='-24'>ET -24<\/option><option value='-23'>ET -23<\/option><option value='-22'>ET -22<\/option><option value='-21'>ET -21<\/option><option value='-20'>ET -20<\/option><option value='-19'>ET -19<\/option><option value='-18'>ET -18<\/option><option value='-17'>ET -17<\/option><option value='-16'>ET -16<\/option><option value='-15'>ET -15<\/option><option value='-14'>ET -14<\/option><option value='-13'>ET -13<\/option><option value='-12'>ET -12<\/option><option value='-11'>ET -11<\/option><option value='-10'>ET -10<\/option><option value='-9'>ET -9<\/option><option value='-8'>ET -8<\/option><option value='-7'>ET -7<\/option><option value='-6'>ET -6<\/option><option value='-5'>ET -5<\/option><option value='-4'>ET -4<\/option><option value='-3'>ET -3<\/option><option value='-2'>ET -2<\/option><option value='-1'>ET -1<\/option><option value='0'>ET 0<\/option><option value='1'>ET 1<\/option><option value='2'>ET 2<\/option><option value='3'>ET 3<\/option><option value='4'>ET 4<\/option><option value='5'>ET 5<\/option><option value='6'>ET 6<\/option><option value='7'>ET 7<\/option><option value='8'>ET 8<\/option><option value='9'>ET 9<\/option><option value='10'>ET 10<\/option><option value='11'>ET 11<\/option><option value='12'>ET 12<\/option><option value='13'>ET 13<\/option><option value='14'>ET 14<\/option><option value='15'>ET 15<\/option><option value='16'>ET 16<\/option><option value='17'>ET 17<\/option><option value='18'>ET 18<\/option><option value='19'>ET 19<\/option><option value='20'>ET 20<\/option><option value='21'>ET 21<\/option><option value='22'>ET 22<\/option><option value='23'>ET 23<\/option><option value='24'>ET 24<\/option><option value='25'>ET 25<\/option><option value='26'>ET 26<\/option><option value='27'>ET 27<\/option><option value='28'>ET 28<\/option><option value='29'>ET 29<\/option><option value='30'>ET 30<\/option><option value='31'>ET 31<\/option><option value='32'>ET 32<\/option><option value='33'>ET 33<\/option><option value='34'>ET 34<\/option><option value='35'>ET 35<\/option><option value='36'>ET 36<\/option><option value='37'>ET 37<\/option><option value='38'>ET 38<\/option><option value='39'>ET 39<\/option><option value='40'>ET 40<\/option><option value='41'>ET 41<\/option><option value='42'>ET 42<\/option><option value='43'>ET 43<\/option><option value='44'>ET 44<\/option><option value='45'>ET 45<\/option><option value='46'>ET 46<\/option><option value='47'>ET 47<\/option><option value='48'>ET 48<\/option><option value='49'>ET 49<\/option><option value='50'>ET 50<\/option><option value='51'>ET 51<\/option><option value='52'>ET 52<\/option><option value='53'>ET 53<\/option><option value='54'>ET 54<\/option><option value='55'>ET 55<\/option><option value='56'>ET 56<\/option><option value='57'>ET 57<\/option><option value='58'>ET 58<\/option><option value='59'>ET 59<\/option><option value='60'>ET 60<\/option><option value='61'>ET 61<\/option><option value='62'>ET 62<\/option><option value='63'>ET 63<\/option><option value='64'>ET 64<\/option><option value='65'>ET 65<\/option><option value='66'>ET 66<\/option><option value='67'>ET 67<\/option><option value='68'>ET 68<\/option><option value='69'>ET 69<\/option><option value='70'>ET 70<\/option>                                <\/select>\n                            <\/div>\n                            <div class=\"wf-form-group\">\n                                <select name=\"wf_pcd\">\n                                    <option value=\"\">Bolt Pattern (PCD)<\/option>\n                                    <option value=\"3x112\">3x112<\/option><option value=\"4x98\">4x98<\/option><option value=\"4x100\">4x100<\/option><option value=\"4x101.6\">4x101.6<\/option><option value=\"4x108\">4x108<\/option><option value=\"4x110\">4x110<\/option><option value=\"4x114.3\">4x114.3<\/option><option value=\"4x115\">4x115<\/option><option value=\"4x136\">4x136<\/option><option value=\"4x156\">4x156<\/option><option value=\"5x98\">5x98<\/option><option value=\"5x100\">5x100<\/option><option value=\"5x105\">5x105<\/option><option value=\"5x108\">5x108<\/option><option value=\"5x110\">5x110<\/option><option value=\"5x112\">5x112<\/option><option value=\"5x114.3\">5x114.3<\/option><option value=\"5x115\">5x115<\/option><option value=\"5x120\">5x120<\/option><option value=\"5x120.65\">5x120.65<\/option><option value=\"5x127\">5x127<\/option><option value=\"5x130\">5x130<\/option><option value=\"5x135\">5x135<\/option><option value=\"5x139.7\">5x139.7<\/option><option value=\"5x150\">5x150<\/option><option value=\"5x160\">5x160<\/option><option value=\"5x165.1\">5x165.1<\/option><option value=\"6x114.3\">6x114.3<\/option><option value=\"6x127\">6x127<\/option><option value=\"6x135\">6x135<\/option><option value=\"6x139.7\">6x139.7<\/option><option value=\"8x165.1\">8x165.1<\/option><option value=\"8x170\">8x170<\/option><option value=\"8x180\">8x180<\/option>                                <\/select>\n                            <\/div>\n                            <div class=\"wf-form-group search-btn-group\">\n                                <button type=\"submit\" class=\"wf-adv-search-submit\">Search<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93d469c steps e-flex e-con-boxed e-con e-parent\" data-id=\"93d469c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d3873db e-con-full e-flex e-con e-child\" data-id=\"d3873db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08ecdac elementor-position-left elementor-position-left elementor-vertical-align-middle elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"08ecdac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee.png\" class=\"attachment-full size-full wp-image-999\" alt=\"\" srcset=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee.png 1024w, https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee-300x300.png 300w, https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee-150x150.png 150w, https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\">1.  Find your dream wheel<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b39eee e-con-full e-flex e-con e-child\" data-id=\"5b39eee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b153a82 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"b153a82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Illustration\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\"><defs><style>      .cls-1 {        fill: #99c0ff;      }      .cls-2 {        fill: #fff;      }    <\/style><\/defs><g><path class=\"cls-2\" d=\"M69,6.25H11c-2.62,0-4.75,2.13-4.75,4.75v4h1.5v-4c0-1.79,1.46-3.25,3.25-3.25h58c1.79,0,3.25,1.46,3.25,3.25v52c0,1.79-1.46,3.25-3.25,3.25H11c-1.79,0-3.25-1.46-3.25-3.25V25h-1.5v38c0,2.36,1.74,4.31,4,4.67v3.33c0,1.52,1.23,2.75,2.75,2.75h10c1.52,0,2.75-1.23,2.75-2.75v-3.25h30.5v3.25c0,1.52,1.23,2.75,2.75,2.75h8c1.52,0,2.75-1.23,2.75-2.75v-3.33c2.26-.36,4-2.31,4-4.67V11c0-2.62-2.13-4.75-4.75-4.75ZM23,72.25h-10c-.69,0-1.25-.56-1.25-1.25v-.6h12.5v.6c0,.69-.56,1.25-1.25,1.25ZM24.25,69.6h-12.5v-1.85h12.5v1.85ZM68.25,67.75v1.85h-10.5v-1.85h10.5ZM67,72.25h-8c-.69,0-1.25-.56-1.25-1.25v-.6h10.5v.6c0,.69-.56,1.25-1.25,1.25Z\"><\/path><path class=\"cls-2\" d=\"M40.92,64.39h4.08c.22,0,.4-.18.4-.4V10c0-.22-.18-.4-.4-.4h-4.08l-25.25,5c-.19.04-.32.2-.32.39v44c0,.19.13.36.32.39l25.25,5s0,.01,0,.01ZM44.6,63.6h-3.2V10.4h3.2v53.2ZM16.15,15.33l24.45-4.84v53.03l-24.45-4.84s0-43.35,0-43.35Z\"><\/path><path class=\"cls-2\" d=\"M28,32.6c-1.91,0-3.4,2.37-3.4,5.4s1.49,5.4,3.4,5.4,3.4-2.37,3.4-5.4-1.49-5.4-3.4-5.4ZM28,42.6c-1.41,0-2.6-2.11-2.6-4.6s1.19-4.6,2.6-4.6,2.6,2.11,2.6,4.6-1.19,4.6-2.6,4.6Z\"><\/path><rect class=\"cls-2\" x=\"35.6\" y=\"29\" width=\".8\" height=\"20\"><\/rect><rect class=\"cls-2\" x=\"28\" y=\"37.6\" width=\"1.5\" height=\".8\"><\/rect><path class=\"cls-2\" d=\"M48,58.6v.8h16c.22,0,.4-.18.4-.4V15c0-.22-.18-.4-.4-.4h-16v.8h15.6v43.2s-15.6,0-15.6,0Z\"><\/path><\/g><g><path class=\"cls-1\" d=\"M55.6,18.49v14.51h.8v-14.51c0-.77-.63-1.4-1.4-1.4h-8v.8h8c.33,0,.6.27.6.6Z\"><\/path><path class=\"cls-1\" d=\"M51.54,24.6v6.29c-1.21.13-2.3.84-2.9,1.92l.7.39c.52-.94,1.52-1.53,2.6-1.53.22,0,.4-.18.4-.4v-7.04c0-.22-.18-.4-.4-.4-1.64,0-2.97-1.33-2.97-2.97,0-.22-.18-.4-.4-.4h-1.57v.8h1.19c.19,1.76,1.59,3.16,3.35,3.35,0,0,0-.01,0-.01Z\"><\/path><path class=\"cls-1\" d=\"M60.51,35.6h-13.51v.8h13.51c.33,0,.6.27.6.6v18.51c0,.33-.27.6-.6.6h-13.51v.8h13.51c.77,0,1.4-.63,1.4-1.4v-18.51c0-.77-.63-1.4-1.4-1.4Z\"><\/path><path class=\"cls-1\" d=\"M46.86,49.07l.29.75c1.44-.56,2.42-1.97,2.42-3.52s-.97-2.96-2.42-3.52l-.29.75c1.14.44,1.9,1.55,1.9,2.77s-.76,2.33-1.9,2.77Z\"><\/path><path class=\"cls-1\" d=\"M57.05,43.11v6.29c-1.76.19-3.16,1.59-3.35,3.35h-6.7v.8h7.08c.22,0,.4-.18.4-.4,0-1.64,1.33-2.97,2.97-2.97.22,0,.4-.18.4-.4v-7.04c0-.22-.18-.4-.4-.4-1.64,0-2.97-1.33-2.97-2.97,0-.22-.18-.4-.4-.4h-7.08v.8h6.7c.19,1.76,1.59,3.16,3.35,3.35v-.01h0Z\"><\/path><\/g><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t2.  Pay via a secure escrow account\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0035f2 e-con-full e-flex e-con e-child\" data-id=\"c0035f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afdcc69 elementor-position-left elementor-position-left elementor-vertical-align-middle elementor-vertical-align-middle elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"afdcc69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pack.png\" class=\"attachment-full size-full wp-image-1000\" alt=\"\" srcset=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pack.png 1024w, https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pack-300x300.png 300w, https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pack-150x150.png 150w, https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pack-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\">3.  Receive and inspect your wheel<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e856271 e-con-full e-flex e-con e-child\" data-id=\"e856271\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-857863d elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"857863d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Illustration\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\"><defs><style>      .cls-1 {        fill: #99c0ff;      }      .cls-2 {        fill: #fff;      }    <\/style><\/defs><g><path class=\"cls-1\" d=\"M39.49,28.64l-4.76-4.76-.57.57,5.05,5.05c.08.08.18.12.28.12s.2-.04.28-.12l8.41-8.41-.57-.57-8.13,8.13s.01-.01.01-.01Z\"><\/path><path class=\"cls-1\" d=\"M40,6.9c-9.76,0-17.7,7.94-17.7,17.7,0,5.62,2.71,10.96,7.25,14.29l.89-1.21c-4.15-3.04-6.63-7.93-6.63-13.08,0-8.93,7.27-16.2,16.2-16.2s16.2,7.27,16.2,16.2c0,3.73-1.23,7.23-3.56,10.13l1.17.94c2.51-3.12,3.89-7.06,3.89-11.07,0-9.76-7.94-17.7-17.7-17.7,0,0-.01,0-.01,0Z\"><\/path><\/g><path class=\"cls-2\" d=\"M74.07,39.16h-8.04c-.96,0-1.75.79-1.75,1.75v19.94h-4.21l-3.09,2.77-17.31-17.54c-.27-.27-.7-.3-1-.06-5.51,4.3-8.84,2.83-10.09,1.91l11.61-9.38c.22-.18.5-.28.79-.28h6.72c.27,0,.53.09.74.25.9.67,1.7,1.36,2.48,2.02,2.6,2.21,5.05,4.31,9.62,4.31v-1.5c-4.02,0-6.07-1.74-8.65-3.95-.79-.68-1.62-1.38-2.55-2.08-.48-.36-1.05-.55-1.64-.55h-6.72c-.63,0-1.24.22-1.73.61l-5.47,4.42H15.79v-.8c0-.96-.79-1.75-1.75-1.75H6c-.96,0-1.75.79-1.75,1.75v24c0,.96.79,1.75,1.75,1.75h8.04c.96,0,1.75-.79,1.75-1.75v-21.7h16.13l-4.97,4.01c-.16.13-.25.31-.27.51-.02.2.04.4.17.55.04.05,4.3,5.05,12.21-.76l18.41,18.65c.73.74.73,1.95,0,2.69-.74.75-1.96.75-2.7,0l-8.85-8.85-.53.53-.53.53,5.69,5.78c.73.74.73,1.95-.01,2.69-.72.72-1.98.72-2.7,0l-2.59-2.59h0l-6.26-6.26-1.06,1.06,6.26,6.26c.74.75.74,1.96,0,2.7l-.37.37c-.75.74-1.96.75-2.7,0l-8.85-8.85-.53.53-.54.52,4.92,5.1c.72.74.71,1.94-.05,2.7-.74.75-1.96.75-2.7,0l-10.72-10.72c-.14-.14-.33-.22-.53-.22h-3.23v1.5h2.92l10.5,10.5c.66.66,1.53,1,2.4.99.88,0,1.76-.34,2.44-1.02.54-.54.85-1.23.95-1.94l1.96,1.96c.66.67,1.54,1,2.41,1s1.75-.33,2.41-1l.37-.37c.5-.5.81-1.12.94-1.77l.6.6c.64.64,1.5,1,2.41,1s1.77-.35,2.41-1c.52-.52.83-1.17.94-1.86l1.18,1.18c.66.67,1.54,1,2.41,1s1.75-.33,2.41-1c1.32-1.32,1.33-3.48.02-4.81l-.5-.51,2.61-2.34h3.64v2.43c0,.96.79,1.75,1.75,1.75h8.04c.96,0,1.75-.79,1.75-1.75v-23.87c0-.96-.79-1.75-1.75-1.75l-.04.01h0ZM14.29,65c0,.14-.11.25-.25.25H6c-.14,0-.25-.11-.25-.25v-24c0-.14.11-.25.25-.25h8.04c.14,0,.25.11.25.25v24ZM74.32,64.79c0,.14-.11.25-.25.25h-8.04c-.14,0-.25-.11-.25-.25v-23.87c0-.14.11-.25.25-.25h8.04c.14,0,.25.11.25.25v23.87Z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t4.  Only then will the seller receive payment\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c868a7 e-flex e-con-boxed e-con e-parent\" data-id=\"6c868a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6261eca elementor-widget elementor-widget-heading\" data-id=\"6261eca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Recommendations for You<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a91d894 elementor-widget elementor-widget-wheelfront_marketplace_grid\" data-id=\"a91d894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wheelfront_marketplace_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <div class=\"wheelfront-marketplace-wrapper ele-widget\" id=\"wf_grid_6a3c38486e8da\" data-limit=\"8\"\n                    style=\"font-family: 'Wix Madefor Text', sans-serif; position: relative; width: 100%;\">\n                                    <div class=\"wheelfront-carousel-viewport\" style=\"overflow-x: auto; overflow-y: hidden; width: 100%; padding: 4px 0; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none;\">\n                    <style> .wheelfront-carousel-viewport::-webkit-scrollbar { display: none; } <\/style>\n                    <div class=\"wheelfront-carousel-track\"\n                        style=\"display: flex; gap: 24px;\">\n                                                                            <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"1604\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/wheel1.jpg\" alt=\"ADV.1 ADV5.0, 18x10, ET +35, 5x112, Gunmetal, New, ADV5.0-18x10-ET35-5x120-GM\"\r\n                    class=\"carousel-img carousel-img-1604\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/wheel2.jpg\" alt=\"ADV.1 ADV5.0, 18x10, ET +35, 5x112, Gunmetal, New, ADV5.0-18x10-ET35-5x120-GM\"\r\n                    class=\"carousel-img carousel-img-1604\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/wheel3.jpg\" alt=\"ADV.1 ADV5.0, 18x10, ET +35, 5x112, Gunmetal, New, ADV5.0-18x10-ET35-5x120-GM\"\r\n                    class=\"carousel-img carousel-img-1604\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '1604', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '1604', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-1604\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-1604\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-1604\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                US            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United States                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from United States.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ADV.1 ADV5.0 ADV5.0-18x10-ET35-5x120-GM<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    18x10                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x112                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET ++35                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Gunmetal                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2025 Acura Integra Type S|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$43.75<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$175<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 4<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            New        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"684\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg\" alt=\"Legendary Wheels LW30, 19x9 \/ 20x10.5, ET +29 \/ ET +30, 5x120, Polished, Used (Very Good), LM224-LM225\"\r\n                    class=\"carousel-img carousel-img-684\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/255259-9.webp\" alt=\"Legendary Wheels LW30, 19x9 \/ 20x10.5, ET +29 \/ ET +30, 5x120, Polished, Used (Very Good), LM224-LM225\"\r\n                    class=\"carousel-img carousel-img-684\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/hyundai-car-wheel-500x500-11.webp\" alt=\"Legendary Wheels LW30, 19x9 \/ 20x10.5, ET +29 \/ ET +30, 5x120, Polished, Used (Very Good), LM224-LM225\"\r\n                    class=\"carousel-img carousel-img-684\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '684', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '684', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-684\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-684\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-684\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Legendary Wheels LW30 LM224-LM225<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    19x9 \/ 20x10.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x120                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +29 \/ +30                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Polished                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2015 BMW M4| |2015 BMW M2| |2016 BMW M2| |2017 BMW M2| |2018 BMW M2| |2019 BMW M2| |2020 BMW M2| |2021 BMW M2| |2014 BMW M3| |2015 BMW M3| |2016 BMW M3| |2017 BMW M3| |2018 BMW M3| |2014 BMW M4| |2016 BMW M4| |2017 BMW M4| |2018 BMW M4| |2019 BMW M4| |2020 BMW M4|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$150<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$300<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">pair<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Very Good)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"572\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-3.jpg\" alt=\"Heavy Hitters HH12, 19x9, ET +15, 5x120, Dark Gray, Used (Fair), 1234232\"\r\n                    class=\"carousel-img carousel-img-572\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/hyundai-car-wheel-500x500-9.webp\" alt=\"Heavy Hitters HH12, 19x9, ET +15, 5x120, Dark Gray, Used (Fair), 1234232\"\r\n                    class=\"carousel-img carousel-img-572\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/car-wheel-isolated-on-transparent-background-3d-rendering-illustration-png-8.png\" alt=\"Heavy Hitters HH12, 19x9, ET +15, 5x120, Dark Gray, Used (Fair), 1234232\"\r\n                    class=\"carousel-img carousel-img-572\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '572', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '572', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-572\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-572\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-572\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Heavy Hitters HH12 1234232<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    19x9                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x120                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +15                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Dark Gray                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2015 BMW M2|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$200<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$400<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">pair<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Fair)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"542\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/1teast.webp\" alt=\"Anovia AN-5S, 18x9.5, ET +45, 5x114.3, Black, Used (Very Good)\"\r\n                    class=\"carousel-img carousel-img-542\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/3448862-1-2017-focus-ford-st-bc-racing-coilovers-anovia-an-5s-bronze-machined.jpg.webp\" alt=\"Anovia AN-5S, 18x9.5, ET +45, 5x114.3, Black, Used (Very Good)\"\r\n                    class=\"carousel-img carousel-img-542\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/an5s_gunmetalmachined_white.jpg.webp\" alt=\"Anovia AN-5S, 18x9.5, ET +45, 5x114.3, Black, Used (Very Good)\"\r\n                    class=\"carousel-img carousel-img-542\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '542', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '542', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-542\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-542\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-542\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                US            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United States                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from Sheridan, United States.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anovia AN-5S<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    18x9.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x114.3                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +45                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Black                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2026 Acura Integra|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$125<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$500<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 4<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Very Good)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"390\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/255259-1.webp\" alt=\"Cavallo CLV-17, 15x5.5, ET +51, 4x100, Raw, New, 1234232\"\r\n                    class=\"carousel-img carousel-img-390\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/hyundai-car-wheel-500x500-2.webp\" alt=\"Cavallo CLV-17, 15x5.5, ET +51, 4x100, Raw, New, 1234232\"\r\n                    class=\"carousel-img carousel-img-390\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/car-wheel-isolated-on-transparent-background-3d-rendering-illustration-png-1.png\" alt=\"Cavallo CLV-17, 15x5.5, ET +51, 4x100, Raw, New, 1234232\"\r\n                    class=\"carousel-img carousel-img-390\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '390', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '390', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-390\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-390\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-390\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Cavallo CLV-17 1234232<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    15x5.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    4x100                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +51                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Raw                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2019 Honda City| |2014 Honda Ballade| |2015 Honda Ballade| |2016 Honda Ballade| |2017 Honda Ballade| |2018 Honda Ballade| |2019 Honda Ballade| |2020 Honda Ballade| |2009 Honda City| |2010 Honda City| |2011 Honda City| |2012 Honda City| |2013 Honda City| |2014 Honda City| |2015 Honda City| |2016 Honda City| |2017 Honda City| |2018 Honda City| |2020 Honda City| |2021 Honda City| |2022 Honda City| |2014 Honda Fit| |2015 Honda Fit| |2016 Honda Fit| |2017 Honda Fit|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$100<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$500<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 5<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            New        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"191\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/02\/hyundai-car-wheel-500x500-4.webp\" alt=\"ADV.1 ADV5.0, 19x8.5, ET +25, 5x120, Gunmetal, Used (Fair), 123456788\"\r\n                    class=\"carousel-img carousel-img-191\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/02\/hyundai-car-wheel-500x500-5.webp\" alt=\"ADV.1 ADV5.0, 19x8.5, ET +25, 5x120, Gunmetal, Used (Fair), 123456788\"\r\n                    class=\"carousel-img carousel-img-191\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/02\/pngtree-car-wheel-tires-png-image_3896310-300x300-5.jpg\" alt=\"ADV.1 ADV5.0, 19x8.5, ET +25, 5x120, Gunmetal, Used (Fair), 123456788\"\r\n                    class=\"carousel-img carousel-img-191\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '191', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '191', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-191\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-191\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-191\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ADV.1 ADV5.0 123456788<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    19x8.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x120                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET ++25                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Gunmetal                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2022 Acura Mdx| |2009 BMW 5 Series Gran Turismo| |2010 BMW 5 Series Gran Turismo| |2011 BMW 5 Series Gran Turismo| |2012 BMW 5 Series Gran Turismo| |2013 BMW 5 Series Gran Turismo| |2014 BMW 5 Series Gran Turismo| |2015 BMW 5 Series Gran Turismo| |2016 BMW 5 Series Gran Turismo| |2017 BMW 5 Series Gran Turismo| |2008 BMW 7 Series| |2009 BMW 7 Series| |2010 BMW 7 Series| |2011 BMW 7 Series| |2012 BMW 7 Series| |2013 BMW 7 Series| |2014 BMW 7 Series| |2015 BMW 7 Series| |2009 BMW Alpina B7| |2010 BMW Alpina B7| |2011 BMW Alpina B7| |2012 BMW Alpina B7| |2013 BMW Alpina B7| |2014 BMW Alpina B7| |2015 BMW Alpina B7| |2016 BMW Alpina B7| |2009 Rolls Royce Ghost| |2010 Rolls Royce Ghost| |2011 Rolls Royce Ghost| |2012 Rolls Royce Ghost| |2013 Rolls Royce Ghost| |2014 Rolls Royce Ghost| |2015 Rolls Royce Ghost| |2016 Rolls Royce Ghost| |2017 Rolls Royce Ghost| |2018 Rolls Royce Ghost| |2019 Rolls Royce Ghost| |2020 Rolls Royce Ghost| |2013 Rolls Royce Wraith| |2014 Rolls Royce Wraith| |2015 Rolls Royce Wraith| |2016 Rolls Royce Wraith| |2017 Rolls Royce Wraith| |2018 Rolls Royce Wraith| |2019 Rolls Royce Wraith| |2020 Rolls Royce Wraith| |2021 Rolls Royce Wraith| |2022 Rolls Royce Wraith| |2023 Rolls Royce Wraith|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$100<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$300<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 3<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Fair)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"377\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/main-hero-truck-wheel-2.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngimg.com-car_wheel_PNG23306-4.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-4.jpg\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-realistic-car-wheel-tyre-png-image_12219559-2.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"3\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/wheel-2.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"4\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '377', -1, 5)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '377', 1, 5)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"3\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"4\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Black Rhino Alston 123456<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    17x6.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x108                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +47                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Purple                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2016 Chery Arrizo 7| |2020 Chery Alia| |2021 Chery Alia| |2022 Chery Alia| |2023 Chery Alia| |2016 Chery Arrizo 5| |2017 Chery Arrizo 5| |2018 Chery Arrizo 5| |2019 Chery Arrizo 5| |2020 Chery Arrizo 5| |2021 Chery Arrizo 5| |2022 Chery Arrizo 5| |2023 Chery Arrizo 5| |2024 Chery Arrizo 5| |2025 Chery Arrizo 5| |2022 Chery Arrizo 5 Gt| |2023 Chery Arrizo 5 Gt| |2024 Chery Arrizo 5 Gt| |2025 Chery Arrizo 5 Gt| |2021 Chery Arrizo 5 Plus| |2022 Chery Arrizo 5 Plus| |2023 Chery Arrizo 5 Plus| |2024 Chery Arrizo 5 Plus| |2017 Chery Arrizo 5e| |2018 Chery Arrizo 5e| |2019 Chery Arrizo 5e| |2020 Chery Arrizo 5e| |2021 Chery Arrizo 6| |2022 Chery Arrizo 6| |2023 Chery Arrizo 6| |2024 Chery Arrizo 6| |2025 Chery Arrizo 6| |2021 Chery Arrizo 6 Pro| |2022 Chery Arrizo 6 Pro| |2023 Chery Arrizo 6 Pro| |2024 Chery Arrizo 6 Pro| |2025 Chery Arrizo 6 Pro| |2015 Chery Arrizo 7| |2017 Chery Arrizo 7| |2018 Chery Arrizo 7| |2019 Chery Arrizo 7| |2020 Chery Arrizo 7| |2016 Chery Arrizo 7e| |2017 Chery Arrizo 7e| |2020 Chery Arrizo E| |2021 Chery Arrizo E| |2022 Chery Arrizo E| |2023 Chery Arrizo E| |2024 Chery Arrizo E| |2018 Chery Arrizo Gx| |2019 Chery Arrizo Gx| |2020 Chery Arrizo Gx| |2021 Chery Arrizo Gx| |2022 Chery Arrizo Gx| |2015 Chery Arrizo M7| |2016 Chery Arrizo M7| |2010 Chery Chance| |2011 Chery Chance| |2012 Chery Chance| |2008 Chery Cielo| |2009 Chery Cielo| |2010 Chery Cielo| |2011 Chery Cielo| |2012 Chery Cielo| |2013 Chery Cielo| |2014 Chery Cielo| |2011 Chery Cruise| |2012 Chery Cruise| |2013 Chery Cruise| |2014 Chery Cruise| |2018 Peugeot Partner| |2019 Peugeot Partner| |2020 Peugeot Partner| |2021 Peugeot Partner| |2022 Peugeot Partner| |2023 Peugeot Partner| |2024 Peugeot Partner| |2025 Peugeot Partner| |2026 Peugeot Partner| |2020 Toyota Proace City| |2021 Toyota Proace City| |2022 Toyota Proace City| |2023 Toyota Proace City| |2024 Toyota Proace City| |2025 Toyota Proace City| |2020 Toyota Proace City Verso| |2021 Toyota Proace City Verso| |2022 Toyota Proace City Verso| |2023 Toyota Proace City Verso| |2024 Toyota Proace City Verso| |2025 Toyota Proace City Verso| |2018 Vauxhall Combo| |2019 Vauxhall Combo|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; white-space: nowrap;\">\n                <span class=\"wf-price-main\"\n                    style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$250<\/span>\n                <span class=\"wf-price-qty\"\n                    style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">set of 4<\/span>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Like new        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                                <\/div>\n                    <\/div>\n                                            <button type=\"button\" class=\"wf-carousel-prev\"\n                            style=\"position: absolute;left: 0px; top: calc(50% - 25px - 25px); width: 50px; height: 50px; background: #13171f; border: 1px solid #a2b2d1ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); z-index: 10; opacity: 1; transition: opacity 0.2s;\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#99c0ff\" stroke-width=\"2\">\n                                <path d=\"M15 18l-6-6 6-6\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button type=\"button\" class=\"wf-carousel-next\"\n                            style=\"position: absolute;right: 0px; top: calc(50% - 25px - 25px); width: 50px; height: 50px; background: #13171f; border: 1px solid #a2b2d1ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); z-index: 10; opacity: 1; transition: opacity 0.2s;\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#99c0ff\" stroke-width=\"2\">\n                                <path d=\"M9 18l6-6-6-6\" \/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"wf-carousel-dots\"\n                            style=\"display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 50px;\"><\/div>\n                                           <\/div>\n\n        <style>\n            .wheelfront-listing-card.main-section-list {\n                display: grid;\n                grid-template-columns: 2fr 1fr;\n                border: 1px solid #fff;\n                position: relative;\n            }\n            .wf-wheel-type {\n                position: absolute;\n                top: -15px;\n                left: 15px;\n                z-index: 1;\n                background-color: #fff;\n                padding: 0px 5px;\n                font-size: 18px;\n                font-weight: 700;\n                color: #0b121e;\n                border-radius: 16px;\n            }\n\n            .wf-request-offer-btn{\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                padding:10px 20px;\n                background-color: #336ecc;\n                font-weight: 600;\n            }\n\n            .wheelfront-listing-card.offer-section {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 15px;\n                padding: 20px;\n                border-left:1px solid #e5e7eb;\n            }\n\n            span.wf-request-date {\n                color: #fff;\n            }\n\n            .wf-wheel-request-list {\n                display: flex;\n                flex-direction: column;\n                gap: 50px;\n                margin-bottom: 80px;\n            }\n\n            .wf-wheel-request-list .wf-wheel-request-card {\n                width: 100%;\n            }\n            .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                display: grid !important;\n                grid-auto-rows: auto !important;\n                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n                gap: 24px !important;\n                width: 100% !important;\n            }\n\n            .wheelfront-marketplace-wrapper:hover .wf-carousel-prev,\n            .wheelfront-marketplace-wrapper:hover .wf-carousel-next {\n                opacity: 1 !important;\n            }\n\n            .wishlist-toggle:hover {\n                transform: scale(1.1);\n            }\n\n            .wishlist-toggle:hover svg {\n                color: #99C0FF !important;\n                stroke: #99C0FF !important;\n                fill: #99C0FF !important;\n            }\n\n            .wishlist-toggle.wf-wishlisted svg {\n                color: #99C0FF !important;\n                stroke: #99C0FF !important;\n                fill: #99C0FF !important;\n            }\n\n            \/* Responsive Adjustments *\/\n            @media (max-width: 1024px) {\n                .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n                }\n                .wheelfront-carousel-slide {\n                    flex: 0 0 calc((100% - (2 * 24px)) \/ 3) !important;\n                }\n            }\n\n            @media (max-width: 768px) {\n                .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                }\n                .wheelfront-carousel-slide {\n                    flex: 0 0 calc((100% - (1 * 24px)) \/ 2) !important;\n                }\n                .wheelfront-listing-card.main-section-list {\n                    grid-template-columns: 1fr;\n                    \n                }\n                .wheelfront-listing-card.offer-section {\n                    border-left:0px solid #e5e7eb;\n                    border-top:1px solid #e5e7eb;\n                }\n                \/* .wf-carousel-prev, .wf-carousel-next { display: none !important; } *\/\n            }\n\n            @media (max-width: 480px) {\n                .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                    \/* grid-template-columns: 1fr !important; *\/\n                    gap: 16px !important;\n                }\n                .wheelfront-carousel-slide {\n                    flex: 0 0 calc((100% - (1 * 24px)) \/ 2) !important;\n                }\n                .wf-carousel-dots { margin-top: 20px !important; }\n            }\n        <\/style>\n\n        <script>\n            if (typeof window.initWheelFrontCarousel !== 'function') {\n                window.initWheelFrontCarousel = function () {\n                    document.querySelectorAll('.wheelfront-marketplace-wrapper').forEach(wrapper => {\n                        const viewport = wrapper.querySelector('.wheelfront-carousel-viewport');\n                        const track = wrapper.querySelector('.wheelfront-carousel-track');\n                        if (!track || !viewport) return;\n\n                        const prevBtn = wrapper.querySelector('.wf-carousel-prev');\n                        const nextBtn = wrapper.querySelector('.wf-carousel-next');\n                        const dotsContainer = wrapper.querySelector('.wf-carousel-dots');\n                        const slides = track.querySelectorAll('.wheelfront-carousel-slide');\n\n                        if (!slides.length) return;\n\n                        let currentIndex = 0;\n                        let slideWidth = slides[0].offsetWidth + 24; \/\/ Including gap\n\n                        const createDots = (totalDots) => {\n                            dotsContainer.innerHTML = '';\n                            if (totalDots > 1) {\n                                for (let i = 0; i < totalDots; i++) {\n                                    const dot = document.createElement('div');\n                                    dot.classList.add('wf-dot-' + i);\n                                    let isActive = (i === currentIndex);\n                                    dot.style.cssText = `width: ${isActive ? '36px' : '24px'}; height: 3px; background: ${isActive ? '#2563eb' : '#525F7A'}; border-radius: 2px; cursor: pointer; transition: all 0.3s;`;\n                                    dot.addEventListener('click', () => {\n                                        viewport.scrollTo({ left: i * slideWidth, behavior: 'smooth' });\n                                    });\n                                    dotsContainer.appendChild(dot);\n                                }\n                            }\n                        };\n\n                        const updateUI = () => {\n                            slideWidth = slides[0].offsetWidth + 24;\n                            let trackWidth = viewport.clientWidth;\n                            let visibleSlides = Math.round(trackWidth \/ slideWidth);\n                            if (visibleSlides < 1) visibleSlides = 1;\n\n                            let totalDots = slides.length - visibleSlides + 1;\n                            if (totalDots < 1) totalDots = 1;\n\n                            currentIndex = Math.round(viewport.scrollLeft \/ slideWidth);\n                            if (currentIndex >= totalDots) currentIndex = totalDots - 1;\n                            if (currentIndex < 0) currentIndex = 0;\n\n                            \/\/ Update arrows\n                            if (prevBtn) prevBtn.style.display = currentIndex === 0 ? 'none' : 'flex';\n                            if (nextBtn) nextBtn.style.display = currentIndex >= totalDots - 1 ? 'none' : 'flex';\n\n                            \/\/ Update dots style safely \n                            if (dotsContainer.children.length !== totalDots && totalDots > 1) {\n                                createDots(totalDots);\n                            } else {\n                                Array.from(dotsContainer.children).forEach((dot, i) => {\n                                    let isActive = (i === currentIndex);\n                                    dot.style.width = isActive ? '36px' : '24px';\n                                    dot.style.background = isActive ? '#2563eb' : '#525F7A';\n                                });\n                            }\n                        };\n\n                        if (prevBtn) {\n                            prevBtn.addEventListener('click', () => {\n                                slideWidth = slides[0].offsetWidth + 24;\n                                viewport.scrollBy({ left: -slideWidth, behavior: 'smooth' });\n                            });\n                        }\n                        if (nextBtn) {\n                            nextBtn.addEventListener('click', () => {\n                                slideWidth = slides[0].offsetWidth + 24;\n                                viewport.scrollBy({ left: slideWidth, behavior: 'smooth' });\n                            });\n                        }\n\n                        viewport.addEventListener('scroll', () => {\n                            requestAnimationFrame(updateUI);\n                        });\n                        window.addEventListener('resize', updateUI);\n                        setTimeout(updateUI, 100);\n                    });\n                };\n\n                document.addEventListener('DOMContentLoaded', window.initWheelFrontCarousel);\n                if (window.elementorFrontend) {\n                    window.elementorFrontend.hooks.addAction('frontend\/element_ready\/wheelfront_marketplace_grid.default', function ($scope) {\n                        window.initWheelFrontCarousel();\n                    });\n                } else {\n                    setTimeout(window.initWheelFrontCarousel, 500);\n                }\n            }\n\n            if (typeof window.handleCarouselClick !== 'function') {\n                window.handleCarouselClick = function (e, btn, id, direction, max) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    let container = btn.closest('.card-image-wrap');\n                    if (!container) return;\n\n                    let images = container.querySelectorAll('.carousel-img-' + id);\n                    let indicators = container.querySelectorAll('.carousel-indicator-' + id);\n\n                    if (!images.length) return;\n\n                    let currentIndex = 0;\n                    images.forEach((img, i) => {\n                        if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\n                            currentIndex = i;\n                        }\n                    });\n\n                    let newIndex = currentIndex + direction;\n                    if (newIndex >= max) newIndex = 0;\n                    if (newIndex < 0) newIndex = max - 1;\n\n                    images.forEach((img, i) => {\n                        img.style.opacity = (i === newIndex) ? '1' : '0';\n                        img.style.zIndex = (i === newIndex) ? '2' : '0';\n                    });\n\n                    indicators.forEach((ind, i) => {\n                        ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\n                        ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\n                    });\n                };\n            }\n\n            if (typeof window.toggleLocationTooltip !== 'function') {\n                window.toggleLocationTooltip = function (e, el) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    document.querySelectorAll('.tooltip-content').forEach(tt => {\n                        if (tt !== el.nextElementSibling) tt.style.display = 'none';\n                    });\n\n                    let tooltip = el.nextElementSibling;\n                    if (tooltip.style.display === 'none' || tooltip.style.display === '') {\n                        tooltip.style.display = 'block';\n                        el.querySelector('.loc-icon').style.color = '#2563eb';\n                    } else {\n                        tooltip.style.display = 'none';\n                        el.querySelector('.loc-icon').style.color = 'inherit';\n                    }\n                };\n\n                document.addEventListener('click', function (e) {\n                    if (!e.target.closest('.location-tooltip-wrap')) {\n                        document.querySelectorAll('.tooltip-content').forEach(tt => {\n                            tt.style.display = 'none';\n                        });\n                        document.querySelectorAll('.loc-icon').forEach(icon => {\n                            icon.style.color = 'inherit';\n                        });\n                    }\n                });\n            }\n\n            if (typeof jQuery !== 'undefined') {\n                jQuery(document).ready(function ($) {\n                });\n            }\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40b2a1d e-flex e-con-boxed e-con e-parent\" data-id=\"40b2a1d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b1504c elementor-widget elementor-widget-heading\" data-id=\"1b1504c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Popular Wheel brands<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9327e0 elementor-widget elementor-widget-shortcode\" data-id=\"b9327e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div id=\"wf-brand-7960\" class=\"wf-brand-selection-root wf-design-pills\">\n            \n                            <div class=\"wf-carousel-container\">\n                    <button class=\"wf-carousel-nav wf-prev\" onclick=\"wfMoveCarousel('wf-brand-7960', -1)\" aria-label=\"Previous\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n                    <\/button>\n                    \n                    <div class=\"wf-carousel-track\" onscroll=\"wfUpdateScroll('wf-brand-7960')\">\n                                                <div class=\"wf-brand-grid\" style=\"--wf-cols: 10;\">\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=1AV\">\n                                                                                    <span class=\"wf-brand-pill\">1AV<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=2Crave\">\n                                                                                    <span class=\"wf-brand-pill\">2Crave<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=3SDM\">\n                                                                                    <span class=\"wf-brand-pill\">3SDM<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=4Play\">\n                                                                                    <span class=\"wf-brand-pill\">4Play<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=4Play+Forged\">\n                                                                                    <span class=\"wf-brand-pill\">4Play Forged<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=4Play+OE+Wheels\">\n                                                                                    <span class=\"wf-brand-pill\">4Play OE Wheels<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=4Play+Sport\">\n                                                                                    <span class=\"wf-brand-pill\">4Play Sport<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=9SiX9\">\n                                                                                    <span class=\"wf-brand-pill\">9SiX9<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=ADF\">\n                                                                                    <span class=\"wf-brand-pill\">ADF<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=ADV.1\">\n                                                                                    <span class=\"wf-brand-pill\">ADV.1<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=Advan+Racing\">\n                                                                                    <span class=\"wf-brand-pill\">Advan Racing<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=Advanti+Racing\">\n                                                                                    <span class=\"wf-brand-pill\">Advanti Racing<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=Adventus\">\n                                                                                    <span class=\"wf-brand-pill\">Adventus<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=AEZ\">\n                                                                                    <span class=\"wf-brand-pill\">AEZ<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=Allied+Wheel\">\n                                                                                    <span class=\"wf-brand-pill\">Allied Wheel<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=Alloy+Ion\">\n                                                                                    <span class=\"wf-brand-pill\">Alloy Ion<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=Amani+Forged\">\n                                                                                    <span class=\"wf-brand-pill\">Amani Forged<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=Amani+Forged+Off-Road\">\n                                                                                    <span class=\"wf-brand-pill\">Amani Forged Off-Road<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=American+Elite\">\n                                                                                    <span class=\"wf-brand-pill\">American Elite<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                            <div class=\"wf-brand-item\">\n                                    <a href=\"https:\/\/wheelfront.com\/marketplace\/all-listing\/?wf_brand=American+Force\">\n                                                                                    <span class=\"wf-brand-pill\">American Force<\/span>\n                                                                            <\/a>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <button class=\"wf-carousel-nav wf-next\" onclick=\"wfMoveCarousel('wf-brand-7960', 1)\" aria-label=\"Next\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n                    <\/button>\n                    \n                    <div class=\"wf-carousel-dots\">\n                        <span class=\"wf-dot active\"><\/span>\n                        <span class=\"wf-dot\"><\/span>\n                        <span class=\"wf-dot\"><\/span>\n                        <span class=\"wf-dot\"><\/span>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <style>\n            .wf-brand-selection-root {\n                margin: 0;\n                font-family: 'Wix Madefor Text', sans-serif;\n                position: relative;\n            }\n            .wf-brand-grid {\n                display: grid;\n                grid-template-columns: repeat(var(--wf-cols), minmax(0, 1fr));\n                gap: 12px 25px;\n            }\n            \n            .wf-brand-item {\n                min-width: 0;\n                overflow: hidden;\n            }\n            .wf-brand-item a {\n                display: block;\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n\n            \/* Alphabetical Layout *\/\n            .wf-alphabetical-list {\n                display: flex;\n                flex-direction: column;\n                gap: 25px;\n                background: #0f172a;\n                padding: 30px;\n                border-radius: 12px;\n                border: 1px solid rgba(255,255,255,0.05);\n            }\n            .wf-alpha-section {\n                border-bottom: 1px solid rgba(255,255,255,0.05);\n                padding-bottom: 20px;\n            }\n            .wf-alpha-section:last-child { border-bottom: none; }\n            .wf-alpha-header {\n                font-size: 20px;\n                font-weight: 800;\n                color: #3b82f6;\n                margin-bottom: 15px;\n                background: rgba(59, 130, 246, 0.1);\n                padding: 10px 20px;\n                border-radius: 8px;\n                display: inline-block;\n                min-width: 45px;\n                text-align: center;\n            }\n            .wf-alpha-grid {\n                display: grid;\n                grid-template-columns: repeat(4, 1fr);\n                gap: 10px 20px;\n            }\n            .wf-alpha-item a {\n                color: #e2e8f0;\n                text-decoration: none;\n                font-size: 14px;\n                transition: color 0.2s;\n            }\n            .wf-alpha-item a:hover {\n                color: #3b82f6;\n            }\n\n            @media (max-width: 1024px) {\n                .wf-alpha-grid { grid-template-columns: repeat(3, 1fr); }\n            }\n            @media (max-width: 768px) {\n                .wf-design-links .wf-brand-grid { grid-template-columns: 1fr !important; }\n                .wf-alpha-grid { grid-template-columns: repeat(2, 1fr); }\n                .wf-alphabetical-list { padding: 15px; }\n            }\n            @media (max-width: 480px) {\n                .wf-alpha-grid { grid-template-columns: 1fr; }\n            }\n\n            \/* Carousel Layout (Pills design) *\/\n            .wf-carousel-container {\n                position: relative;\n                padding: 0;\n                margin: 0 -10px; \/* Slight negative margin to allow arrows to sit at edges *\/\n            }\n            .wf-carousel-track {\n                overflow-x: auto;\n                scroll-behavior: smooth;\n                -ms-overflow-style: none;\n                scrollbar-width: none;\n                padding: 15px 50px; \n                scroll-snap-type: x mandatory;\n            }\n            .wf-carousel-track::-webkit-scrollbar {\n                display: none;\n            }\n            \n            .wf-design-pills .wf-brand-grid {\n                display: grid;\n                grid-template-rows: repeat(2, auto);\n                grid-auto-flow: column;\n                gap: 14px 18px; \n                width: max-content;\n                padding-right: 50px;\n            }\n\n            .wf-brand-item {\n                scroll-snap-align: start;\n                width: 205px;\n                box-sizing: border-box;\n            }\n            \n            .wf-brand-pill {\n                display: block;\n                background: #1e293b;\n                color: #f1f5f9;\n                padding: 18px 10px;\n                border-radius: 8px;\n                text-align: center;\n                font-weight: 500;\n                font-size: 14px;\n                white-space: nowrap;\n                transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n                border: 1px solid rgba(255,255,255,0.08);\n                width: 100%;\n                box-sizing: border-box;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                text-transform: capitalize;\n                letter-spacing: 0.04em;\n            }\n            \n            .wf-design-pills .wf-brand-item a { text-decoration: none; }\n            .wf-design-pills .wf-brand-item a:hover .wf-brand-pill {\n                background: #334155;\n                transform: translateY(-3px);\n                border-color: #3b82f6;\n                box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n            }\n\n            \/* Hide carousel controls by default for logos design on desktop\/tablet *\/\n            .wf-design-logos .wf-carousel-nav,\n            .wf-design-logos .wf-carousel-dots {\n                display: none !important;\n            }\n\n            \/* Custom Nav Controls (Square) - Show on Hover *\/\n            .wf-carousel-nav {\n                position: absolute;\n                top: calc(50% - 15px); \/* Offset for dots margin *\/\n                transform: translateY(-50%) scale(0.9);\n                width: 46px;\n                height: 46px;\n                background: #111827;\n                border: 1px solid rgba(255,255,255,0.25);\n                color: #60a5fa;\n                border-radius: 12px;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                z-index: 100;\n                opacity: 0 !important;\n                visibility: hidden !important;\n                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n                box-shadow: 0 8px 16px rgba(0,0,0,0.6);\n            }\n            .wf-carousel-container:hover .wf-carousel-nav {\n                opacity: 1 !important;\n                visibility: visible !important;\n                transform: translateY(-50%) scale(1);\n            }\n            .wf-carousel-nav:hover { \n                background: #1e293b; \n                border-color: #3b82f6;\n                color: #ffffff;\n                transform: translateY(-50%) scale(1.1) !important;\n            }\n            .wf-carousel-nav.wf-prev { left: 20px; }\n            .wf-carousel-nav.wf-next { right: 20px; }\n            .wf-carousel-nav svg { width: 22px; height: 22px; }\n\n            \/* Mobile visibility toggle *\/\n            .wf-carousel-nav.disabled {\n                opacity: 0 !important;\n                pointer-events: none;\n            }\n\n            \/* Segmented Indicators *\/\n            .wf-carousel-dots {\n                display: flex;\n                justify-content: center;\n                gap: 10px;\n                margin-top: 25px;\n            }\n            .wf-dot {\n                width: 32px;\n                height: 3px;\n                background: #2d3748;\n                border-radius: 4px;\n                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            }\n            .wf-dot.active {\n                background: #3b82f6;\n                width: 40px;\n            }\n\n            \/* Standard Designs (Links & Logos) *\/\n            .wf-design-links .wf-brand-grid .wf-brand-item a {\n                color: #cbd5e1; text-decoration: none; font-size: 15px; transition: all 0.2s;\n            }\n            .wf-design-links .wf-brand-grid .wf-brand-item a:hover { color: #3b82f6; }\n\n            .wf-design-logos .wf-brand-grid { gap: 14px; }\n            .wf-design-logos .wf-brand-item a { text-decoration: none; text-align: center; display: flex; flex-direction: column; gap: 12px; }\n            .wf-brand-logo-card {\n                background: #1e293b; aspect-ratio: 4\/3; border-radius: 12px; display: flex; align-items: center; justify-content: center;\n                overflow: hidden; padding: 10px; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.06);\n            }\n            .wf-brand-logo-card img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.4s ease; }\n            .wf-brand-placeholder { font-size: 36px; font-weight: 800; color: #475569; }\n            .wf-brand-name { color: #E1E4EB; font-size: 17px; font-weight: 500; transition: color 0.2s; text-transform:capitalize; }\n            .wf-design-logos .wf-brand-item a:hover .wf-brand-logo-card { \n                background: #334155; border-color: #3b82f6; box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.4); \n            }\n            .wf-design-logos .wf-brand-item a:hover .wf-brand-logo-card img { transform: scale(1.1); }\n            .wf-design-logos .wf-brand-item a:hover .wf-brand-name { color: #f8fafc; }\n\n            @media (max-width: 1024px) {\n                .wf-carousel-container { padding: 0 50px; }\n                .wf-brand-selection-root:not(.wf-design-pills):not(.wf-design-alphabetical) .wf-brand-grid { \n                    grid-template-columns: repeat(min(var(--wf-cols), 3), 1fr);\n                }\n            }\n            @media (max-width: 768px) {\n                .wf-brand-selection-root:not(.wf-design-pills):not(.wf-design-alphabetical) .wf-brand-grid { \n                    grid-template-columns: 1fr !important; \n                }\n                .wf-carousel-container { padding: 0; }\n            }\n            @media (max-width: 600px) {\n                .wf-design-logos .wf-carousel-container {\n                    margin: 0;\n                }\n                .wf-design-logos .wf-carousel-track {\n                    overflow-x: auto;\n                    scroll-snap-type: x mandatory;\n                    padding: 10px 0;\n                }\n                .wf-design-logos .wf-brand-grid {\n                    display: flex !important;\n                    flex-wrap: nowrap !important;\n                    width: max-content;\n                    gap: 0; \/* No gap for single slide *\/\n                }\n                .wf-design-logos .wf-brand-item {\n                    width: 50vw !important;\n                    flex-shrink: 0 !important;\n                    scroll-snap-align: start;\n                    padding: 0 8px;\n                    box-sizing: border-box;\n                }\n                .wf-design-logos .wf-carousel-dots { \n                    display: flex !important; \n                }\n                .wf-design-logos .wf-carousel-nav { display: none !important; }\n            }\n            @media (max-width: 480px) {\n                .wf-design-pills .wf-brand-grid { gap: 12px 12px; }\n                .wf-brand-pill { min-width: 120px; padding: 10px 15px; font-size: 13px; }\n                .wf-design-logos .wf-brand-item { width: 100vw; }\n            }\n        <\/style>\n\n        <script>\n            \/**\n             * JS Logic for Custom Carousel\n             *\/\n            if (typeof wfMoveCarousel !== 'function') {\n                window.wfMoveCarousel = function(id, direction) {\n                    const track = document.querySelector('#' + id + ' .wf-carousel-track');\n                    if (!track) return;\n                    const scrollAmount = track.clientWidth * 0.85;\n                    track.scrollBy({ left: scrollAmount * direction, behavior: 'smooth' });\n                };\n\n                window.wfUpdateScroll = function(id) {\n                    const root = document.getElementById(id);\n                    if (!root) return;\n                    const track = root.querySelector('.wf-carousel-track');\n                    const dots = root.querySelectorAll('.wf-dot');\n                    if (!track || !dots.length) return;\n                    \n                    const scrollLeft = track.scrollLeft;\n                    const maxScroll = track.scrollWidth - track.clientWidth;\n                    if (maxScroll <= 0) return;\n\n                    const activeIndex = Math.min(\n                        dots.length - 1,\n                        Math.floor((scrollLeft \/ maxScroll) * dots.length + 0.5)\n                    );\n\n                    dots.forEach((dot, idx) => {\n                        if (idx === activeIndex) dot.classList.add('active');\n                        else dot.classList.remove('active');\n                    });\n                };\n            }\n\n            if (typeof wfCheckScrollNeeded !== 'function') {\n                window.wfCheckScrollNeeded = function(id) {\n                    const root = document.getElementById(id);\n                    if (!root) return;\n                    const track = root.querySelector('.wf-carousel-track');\n                    const dotsContainer = root.querySelector('.wf-carousel-dots');\n                    const navs = root.querySelectorAll('.wf-carousel-nav');\n                    if (!track) return;\n\n                    \/\/ Scroll ki zarurat hai ya nahi?\n                    const needsScroll = track.scrollWidth > track.clientWidth + 2;\n\n                    navs.forEach(btn => {\n                        btn.style.display = needsScroll ? '' : 'none';\n                        btn.style.pointerEvents = needsScroll ? '' : 'none';\n                    });\n\n                    \/\/ Dots \u2014 dynamically generate karo sahi count ke saath\n                    if (dotsContainer) {\n                        if (!needsScroll) {\n                            dotsContainer.style.display = 'none';\n                            return;\n                        }\n\n                        \/\/ Kitne pages hain calculate karo\n                        const totalPages = Math.max(2, Math.round(track.scrollWidth \/ track.clientWidth));\n\n                        \/\/ Purane dots hatao, naye banao\n                        dotsContainer.innerHTML = '';\n                        for (let i = 0; i < totalPages; i++) {\n                            const dot = document.createElement('span');\n                            dot.className = 'wf-dot' + (i === 0 ? ' active' : '');\n                            dotsContainer.appendChild(dot);\n                        }\n\n                        dotsContainer.style.display = 'flex';\n                    }\n                };\n            }\n\n            \/\/ DOMContentLoaded block update karein:\n            document.addEventListener('DOMContentLoaded', function() {\n                document.querySelectorAll('.wf-brand-selection-root.wf-design-pills, .wf-brand-selection-root.wf-design-logos').forEach(el => {\n                    setTimeout(() => {\n                        window.wfUpdateScroll(el.id);\n                        window.wfCheckScrollNeeded(el.id);  \/\/ \u2190 ye add kiya\n                    }, 300);\n                });\n\n                \/\/ Window resize par bhi check karein\n                window.addEventListener('resize', function() {\n                    document.querySelectorAll('.wf-brand-selection-root.wf-design-pills, .wf-brand-selection-root.wf-design-logos').forEach(el => {\n                        window.wfCheckScrollNeeded(el.id);\n                    });\n                });\n            });\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6b0200 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b6b0200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wheelfront.com\/marketplace\/wheel-brands\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Display All<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64fb8b5 e-flex e-con-boxed e-con e-parent\" data-id=\"64fb8b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e89bab elementor-widget elementor-widget-heading\" data-id=\"0e89bab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Leading Wheels Marketplace Since 2018<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8933495 loggedinprofile  e-con-full e-flex e-con e-child\" data-id=\"8933495\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5c7dc54 e-con-full e-flex e-con e-child\" data-id=\"5c7dc54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd758c6 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"dd758c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Illustration\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\"><defs><style>      .cls-1 {        fill: #99c0ff;      }      .cls-2 {        fill: #fff;      }    <\/style><\/defs><g><path class=\"cls-1\" d=\"M58,5.03c-7.11,0-13.52,4.23-16.32,10.76l1.38.59c2.57-5.99,8.43-9.85,14.94-9.85,8.96,0,16.25,7.29,16.25,16.25,0,8.41-6.3,15.36-14.66,16.17-.2.02-.39.12-.51.28l-4.55,5.65v-5.65c0-.34-.23-.64-.56-.73-1.14-.29-2.26-.71-3.31-1.25l-.68,1.34c.98.5,2,.9,3.06,1.21v7.2c0,.32.2.6.5.71.08.03.17.04.25.04.22,0,.44-.1.58-.28l5.69-7.06c8.97-1.03,15.7-8.55,15.7-17.63,0-9.79-7.96-17.75-17.75-17.75,0,0-.01,0-.01,0Z\"><\/path><path class=\"cls-1\" d=\"M52.73,29.93c-.03.15.03.3.16.39.07.05.15.08.24.08.06,0,.13-.02.19-.05l4.69-2.52,4.69,2.52c.14.07.3.06.42-.03s.19-.24.16-.39l-.94-5.24,3.84-3.69c.11-.11.15-.27.1-.41s-.17-.25-.33-.27l-5.27-.72-2.32-4.79c-.13-.28-.59-.28-.72,0l-2.32,4.79-5.27.72c-.15.02-.28.13-.33.27s0,.31.1.41l3.84,3.68-.94,5.24.01.01h0ZM50.98,21l4.67-.64c.13-.02.25-.1.31-.22l2.05-4.24,2.05,4.24c.06.12.17.2.31.22l4.67.64-3.4,3.26c-.1.09-.14.23-.12.36l.83,4.64-4.15-2.23c-.06-.03-.12-.05-.19-.05s-.13.02-.19.05l-4.15,2.23.83-4.64c.02-.13-.02-.27-.12-.36,0,0-3.4-3.26-3.4-3.26Z\"><\/path><\/g><path class=\"cls-2\" d=\"M39.8,63.69l-.26-3.95c2.11-2.33,3.66-5.51,4.02-8.26,4.02-3.69,4.64-6.52,4.45-8.24-.13-1.2-.72-2.26-1.59-2.92v-8.62c0-7.67-7.67-12.12-14.79-13.01l-.19,1.49c6.49.81,13.47,4.77,13.47,11.52v8.66c-.42-.06-.83-.02-1.2.13-.46.18-.81.48-1.08.8-.43-2.42-2.39-4.37-4.89-4.72-6.48-.91-13.47-3.44-17.06-4.86-1.28-.51-2.72-.35-3.87.42-1.14.76-1.8,1.97-1.81,3.33h.8c.01-1.08.54-2.05,1.46-2.66.93-.62,2.1-.75,3.13-.34,4.43,1.75,11.01,4.03,17.24,4.91,2.45.35,4.3,2.47,4.3,4.95v7.44c0,7.2-5.86,13.06-13.06,13.06-4.93,0-9.23-2.75-11.46-6.79l-.15-.3c-.11-.22-.22-.43-.32-.66-.08-.18-.15-.36-.23-.54-.11-.28-.22-.56-.31-.84,0-.02-.01-.04-.02-.07-.38-1.22-.58-2.52-.58-3.86v-10.13h-.8v1.4c-.46-.48-1.15-.84-2.19-.63v-5.45c0-10.19,7.38-14.37,14.29-14.88l-.11-1.5c-7.58.56-15.68,5.16-15.68,16.38v5.38c-.82.63-1.35,1.61-1.48,2.75-.19,1.73.45,4.56,4.51,8.32.34,2.84,1.78,6.02,3.72,8.24l-.15,3.71c-6.3,1.44-11.22,4.18-13.54,7.54l1.23.85c2.15-3.12,6.87-5.66,12.97-7,.06,4.02,3.36,8.47,7.78,8.47v-.8c-3.93,0-6.98-4.18-6.98-7.77v-.23l.17-4.42c2.46,2.24,5.73,3.63,9.31,3.63s6.75-1.34,9.2-3.52l.26,4.02v.52c-.01,3.67-2.95,7.77-6.89,7.77h-.55v.8h.55c4.25,0,7.45-4.22,7.66-8.15,5.18,1.33,9.2,3.54,11.31,6.22l1.18-.93c-2.27-2.88-6.44-5.24-11.78-6.66,0,0,.01,0,.01,0ZM11.33,43.25c.13-1.18.82-1.7,1.11-1.87l.14-.08c1.46-.5,1.99.33,2.43,1.14v7.31c0,.07.01.15.01.22-3.46-3.33-3.81-5.63-3.69-6.73v.01ZM44,41.24c.29-.11.62-.12.97-.05l.32.18c.67.38,1.13,1.14,1.22,2.03.12,1.11-.23,3.47-3.81,6.82,0-.16.02-.32.02-.48v-7.06c.12-.31.52-1.15,1.27-1.44h.01Z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t5.0 out of 5 stars Reviews\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tFrom thousands reviews worldwide\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38294b9 e-con-full e-flex e-con e-child\" data-id=\"38294b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-365dab2 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"365dab2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\"><path d=\"M0 0 C1.16582108 0.00666183 1.16582108 0.00666183 2.35519409 0.01345825 C3.23595612 0.01360931 4.11671814 0.01376038 5.02416992 0.01391602 C6.4523555 0.02939987 6.4523555 0.02939987 7.90939331 0.04519653 C9.37008743 0.04944138 9.37008743 0.04944138 10.86029053 0.05377197 C13.9783443 0.0649899 17.09611349 0.09009734 20.21408081 0.11550903 C22.32475375 0.12553675 24.43543119 0.13466296 26.54611206 0.14285278 C31.72719916 0.16493445 36.90811966 0.19842774 42.08908081 0.24050903 C43.81525805 3.98882853 44.33787353 6.90974762 44.33200073 11.02468872 C44.33661568 12.73105499 44.33661568 12.73105499 44.34132385 14.47189331 C44.33413834 15.68975525 44.32695282 16.90761719 44.31954956 18.16238403 C44.31909134 19.41811218 44.31863312 20.67384033 44.31816101 21.96762085 C44.3151432 24.6171536 44.30834887 27.26633582 44.29489136 29.915802 C44.27783264 33.31784057 44.27407927 36.71973076 44.27483654 40.1218071 C44.27450014 43.36451418 44.26567083 46.60718991 44.25704956 49.84988403 C44.25593674 51.0758429 44.25482391 52.30180176 44.25367737 53.56491089 C44.24729752 54.68987976 44.24091766 55.81484863 44.23434448 56.97390747 C44.22862679 58.46685333 44.22862679 58.46685333 44.22279358 59.98995972 C44.08908081 62.24050903 44.08908081 62.24050903 43.08908081 63.24050903 C41.65167728 63.3386489 40.20951754 63.36849184 38.76876831 63.36990356 C37.85111694 63.37305573 36.93346558 63.37620789 35.98800659 63.37945557 C34.99011108 63.37743134 33.99221558 63.3754071 32.96408081 63.37332153 C31.94684937 63.37427826 30.92961792 63.37523499 29.88156128 63.3762207 C27.72612445 63.37690265 25.57068559 63.37504738 23.41525269 63.37088013 C20.1033571 63.36553209 16.79159714 63.37082466 13.47970581 63.37722778 C11.39116384 63.376567 9.30262196 63.37528585 7.21408081 63.37332153 C5.71723755 63.37635788 5.71723755 63.37635788 4.19015503 63.37945557 C3.27250366 63.37630341 2.35485229 63.37315125 1.40939331 63.36990356 C0.59744507 63.36910797 -0.21450317 63.36831238 -1.05105591 63.36749268 C-2.91091919 63.24050903 -2.91091919 63.24050903 -3.91091919 62.24050903 C-3.98335972 60.22086705 -3.99469107 58.1988378 -3.97341919 56.17800903 C-3.96439575 55.07328247 -3.95537231 53.96855591 -3.94607544 52.83035278 C-3.93447388 51.97570435 -3.92287231 51.12105591 -3.91091919 50.24050903 C-2.92091919 50.57050903 -1.93091919 50.90050903 -0.91091919 51.24050903 C-0.91091919 54.54050903 -0.91091919 57.84050903 -0.91091919 61.24050903 C12.94908081 61.24050903 26.80908081 61.24050903 41.08908081 61.24050903 C41.08908081 42.10050903 41.08908081 22.96050903 41.08908081 3.24050903 C27.22908081 3.24050903 13.36908081 3.24050903 -0.91091919 3.24050903 C-0.91091919 15.45050903 -0.91091919 27.66050903 -0.91091919 40.24050903 C-2.39591919 40.73550903 -2.39591919 40.73550903 -3.91091919 41.24050903 C-3.96027129 35.72294427 -3.99661581 30.20550733 -4.02078247 24.68777466 C-4.03085453 22.80982221 -4.04451281 20.9318855 -4.0617981 19.0539856 C-4.08599372 16.35830813 -4.09739002 13.66283757 -4.10623169 10.96707153 C-4.11655426 10.12431671 -4.12687683 9.28156189 -4.13751221 8.41326904 C-4.13791063 6.35429656 -4.03349507 4.29582969 -3.91091919 2.24050903 C-1.91091919 0.24050903 -1.91091919 0.24050903 0 0 Z \" fill=\"#647A98\" transform=\"translate(19.910919189453125,23.759490966796875)\"><\/path><path d=\"M0 0 C3.0216321 0.73251687 4.80104733 2.27158096 6.93359375 4.46875 C8.34360039 7.28876327 8.17907826 9.33882255 7.93359375 12.46875 C6.67070716 15.24710049 5.58137665 16.95977772 3.18359375 18.84375 C-0.25472843 19.79883949 -2.63038313 19.37296661 -6.06640625 18.46875 C-9.6857344 15.85051262 -10.88831043 14.44827699 -11.69140625 10.03125 C-10.47895844 3.12029751 -6.99236205 -0.52872303 0 0 Z M-3.06640625 1.46875 C-2.73640625 3.11875 -2.40640625 4.76875 -2.06640625 6.46875 C0.11849382 3.79232511 0.11849382 3.79232511 -0.06640625 1.46875 C-1.05640625 1.46875 -2.04640625 1.46875 -3.06640625 1.46875 Z M-6.06640625 2.46875 C-7.05640625 3.95375 -7.05640625 3.95375 -8.06640625 5.46875 C-6.74640625 5.79875 -5.42640625 6.12875 -4.06640625 6.46875 C-4.06640625 5.14875 -4.06640625 3.82875 -4.06640625 2.46875 C-4.72640625 2.46875 -5.38640625 2.46875 -6.06640625 2.46875 Z M0.93359375 2.46875 C1.26359375 3.78875 1.59359375 5.10875 1.93359375 6.46875 C2.59359375 6.13875 3.25359375 5.80875 3.93359375 5.46875 C3.60359375 4.47875 3.27359375 3.48875 2.93359375 2.46875 C2.27359375 2.46875 1.61359375 2.46875 0.93359375 2.46875 Z M-9.06640625 6.46875 C-9.06640625 7.12875 -9.06640625 7.78875 -9.06640625 8.46875 C-7.17461422 9.1502323 -7.17461422 9.1502323 -5.06640625 9.46875 C-4.40640625 8.80875 -3.74640625 8.14875 -3.06640625 7.46875 C-6.03640625 6.97375 -6.03640625 6.97375 -9.06640625 6.46875 Z M-1.06640625 6.46875 C-1.06640625 7.12875 -1.06640625 7.78875 -1.06640625 8.46875 C1.94391119 9.40298645 2.80009643 9.51324911 5.93359375 8.46875 C5.93359375 7.80875 5.93359375 7.14875 5.93359375 6.46875 C3.62359375 6.46875 1.31359375 6.46875 -1.06640625 6.46875 Z M-2.06640625 8.46875 C-1.06640625 10.46875 -1.06640625 10.46875 -1.06640625 10.46875 Z M-10.06640625 9.46875 C-9.73640625 10.78875 -9.40640625 12.10875 -9.06640625 13.46875 C-8.07640625 13.13875 -7.08640625 12.80875 -6.06640625 12.46875 C-6.06640625 11.80875 -6.06640625 11.14875 -6.06640625 10.46875 C-7.38640625 10.13875 -8.70640625 9.80875 -10.06640625 9.46875 Z M-0.06640625 9.46875 C0.26359375 10.12875 0.59359375 10.78875 0.93359375 11.46875 C1.26359375 10.80875 1.59359375 10.14875 1.93359375 9.46875 C1.27359375 9.46875 0.61359375 9.46875 -0.06640625 9.46875 Z M2.93359375 10.46875 C3.26359375 11.45875 3.59359375 12.44875 3.93359375 13.46875 C4.59359375 13.46875 5.25359375 13.46875 5.93359375 13.46875 C5.93359375 12.47875 5.93359375 11.48875 5.93359375 10.46875 C4.94359375 10.46875 3.95359375 10.46875 2.93359375 10.46875 Z M-5.06640625 12.46875 C-5.72640625 13.78875 -6.38640625 15.10875 -7.06640625 16.46875 C-6.07640625 16.13875 -5.08640625 15.80875 -4.06640625 15.46875 C-3.73640625 14.47875 -3.40640625 13.48875 -3.06640625 12.46875 C-3.72640625 12.46875 -4.38640625 12.46875 -5.06640625 12.46875 Z M-0.06640625 12.46875 C0.59359375 13.78875 1.25359375 15.10875 1.93359375 16.46875 C2.59359375 15.80875 3.25359375 15.14875 3.93359375 14.46875 C2.61359375 13.80875 1.29359375 13.14875 -0.06640625 12.46875 Z M-3.06640625 14.46875 C-3.39640625 15.45875 -3.72640625 16.44875 -4.06640625 17.46875 C-2.74640625 17.46875 -1.42640625 17.46875 -0.06640625 17.46875 C-0.39640625 16.47875 -0.72640625 15.48875 -1.06640625 14.46875 C-1.72640625 14.46875 -2.38640625 14.46875 -3.06640625 14.46875 Z \" fill=\"#768EB1\" transform=\"translate(41.06640625,39.53125)\"><\/path><path d=\"M0 0 C15.18 0 30.36 0 46 0 C46 6.6 46 13.2 46 20 C45.34 20 44.68 20 44 20 C44 14.06 44 8.12 44 2 C30.14 2 16.28 2 2 2 C2 3.98 2 5.96 2 8 C1.34 8 0.68 8 0 8 C0 5.36 0 2.72 0 0 Z \" fill=\"#C7C7C9\" transform=\"translate(35,13)\"><\/path><path d=\"M0 0 C3.05416824 3.20315206 4.22424684 5.71541644 4.4375 10.0625 C3.82339482 15.58944665 2.46968485 17.76412865 -1.75 21.3125 C-5.57903994 23.30065535 -7.73955513 23.54223844 -12 23 C-16.09613637 21.19007928 -18.73195328 18.8640796 -21 15 C-21.87813403 10.20130795 -21.4687275 6.88896595 -19.1875 2.5625 C-16.96218731 -0.04429487 -15.0863695 -1.58462343 -11.875 -2.8125 C-7.49396431 -3.09821972 -3.89418386 -1.99068354 0 0 Z M-18 3 C-19.92693706 6.09985526 -20.00600905 7.83174654 -19.875 11.5 C-18.92080906 15.31676375 -17.71834365 17.1992823 -15 20 C-11.53472176 21.73263912 -7.78892972 21.4719774 -4 21 C-0.87931144 19.20726402 0.54965052 17.75740595 2.375 14.6875 C3.22094728 11.04992671 2.96685978 8.60960985 2 5 C-1.23324649 1.18642721 -3.24622504 -0.83136779 -8.25 -1.3125 C-12.70355765 -0.9413702 -14.6333821 0.10314274 -18 3 Z \" fill=\"#758DAE\" transform=\"translate(48,39)\"><\/path><path d=\"M0 0 C0.66 0 1.32 0 2 0 C2.02465392 4.53897705 2.04283789 9.07791543 2.05493164 13.61694336 C2.0599714 15.16219766 2.0668032 16.70744716 2.07543945 18.25268555 C2.08752076 20.46925029 2.09323173 22.68575218 2.09765625 24.90234375 C2.10281754 25.5971434 2.10797882 26.29194305 2.11329651 27.00779724 C2.11349277 28.6722933 2.06189129 30.33665499 2 32 C1 33 1 33 -2.16015625 33.09765625 C-3.44792969 33.08605469 -4.73570313 33.07445312 -6.0625 33.0625 C-7.35285156 33.05347656 -8.64320312 33.04445312 -9.97265625 33.03515625 C-10.97167969 33.02355469 -11.97070312 33.01195312 -13 33 C-13 32.34 -13 31.68 -13 31 C-8.71 31 -4.42 31 0 31 C0 20.77 0 10.54 0 0 Z \" fill=\"#CBCACC\" transform=\"translate(79,43)\"><\/path><path d=\"M0 0 C0.96292969 -0.01224609 1.92585938 -0.02449219 2.91796875 -0.03710938 C3.84222656 -0.03904297 4.76648438 -0.04097656 5.71875 -0.04296875 C6.9862207 -0.04913208 6.9862207 -0.04913208 8.27929688 -0.05541992 C10.5 0.1875 10.5 0.1875 13.5 2.1875 C12.5 3.1875 12.5 3.1875 10.09155273 3.30102539 C9.04942627 3.29578857 8.0072998 3.29055176 6.93359375 3.28515625 C5.80888672 3.28193359 4.68417969 3.27871094 3.52539062 3.27539062 C2.34138672 3.26701172 1.15738281 3.25863281 -0.0625 3.25 C-1.25037109 3.24548828 -2.43824219 3.24097656 -3.66210938 3.23632812 C-6.60812226 3.22449675 -9.55403681 3.20801287 -12.5 3.1875 C-12.83 2.5275 -13.16 1.8675 -13.5 1.1875 C-9.04253884 -0.29832039 -4.66868558 0.00312496 0 0 Z \" fill=\"#535355\" transform=\"translate(39.5,70.8125)\"><\/path><path d=\"M0 0 C2.97 0 5.94 0 9 0 C9.66 1.32 10.32 2.64 11 4 C9.35 5.98 7.7 7.96 6 10 C2.74456771 9.65120368 1.98126893 8.97866739 -0.25 6.4375 C-0.8275 5.633125 -1.405 4.82875 -2 4 C-1.34 2.68 -0.68 1.36 0 0 Z M1 2 C1.27617533 3.94074861 1.27617533 3.94074861 2 6 C3.485 6.99 3.485 6.99 5 8 C6.56249809 6.68798827 6.56249809 6.68798827 8 5 C8 4.01 8 3.02 8 2 C5.69 2 3.38 2 1 2 Z \" fill=\"#B7B7BB\" transform=\"translate(48,30)\"><\/path><path d=\"M0 0 C0.33 0.66 0.66 1.32 1 2 C2.423125 1.9690625 2.423125 1.9690625 3.875 1.9375 C7 2 7 2 9 3 C8.67 3.66 8.34 4.32 8 5 C7.01 4.67 6.02 4.34 5 4 C5 4.66 5 5.32 5 6 C4.01 6.495 4.01 6.495 3 7 C3.2784375 7.928125 3.2784375 7.928125 3.5625 8.875 C4 11 4 11 3 13 C1.35 13 -0.3 13 -2 13 C-1.67 12.34 -1.34 11.68 -1 11 C-0.01 11 0.98 11 2 11 C1.04134491 8.66924071 1.04134491 8.66924071 -2 7 C-2.6875 4.375 -2.6875 4.375 -3 2 C-2.01 1.34 -1.02 0.68 0 0 Z M0 2 C1 4 1 4 1 4 Z M2 3 C2.33 3.66 2.66 4.32 3 5 C3.33 4.34 3.66 3.68 4 3 C3.34 3 2.68 3 2 3 Z \" fill=\"#6C83A4\" transform=\"translate(39,46)\"><\/path><path d=\"M0 0 C8.58 0 17.16 0 26 0 C26 0.66 26 1.32 26 2 C17.75 2 9.5 2 1 2 C0.67 1.34 0.34 0.68 0 0 Z \" fill=\"#7D7E81\" transform=\"translate(26,77)\"><\/path><path d=\"M0 0 C0.75 2.25 0.75 2.25 1 5 C-0.6875 7.375 -0.6875 7.375 -3 9 C-5.55187981 8.92267031 -6.72675391 8.18844558 -8.8125 6.75 C-10 5 -10 5 -9.8125 2.375 C-8.11905613 -2.57506671 -4.34284193 -0.72380699 0 0 Z M-8 1 C-7.67 2.65 -7.34 4.3 -7 6 C-3.2236068 6.2981424 -3.2236068 6.2981424 -1 5 C-1 3.68 -1 2.36 -1 1 C-3.31 1 -5.62 1 -8 1 Z \" fill=\"#5B7195\" transform=\"translate(76,19)\"><\/path><path d=\"M0 0 C1.98 0.66 3.96 1.32 6 2 C5.125 6.75 5.125 6.75 4 9 C5.32 8.34 6.64 7.68 8 7 C8 8.32 8 9.64 8 11 C5.02545866 10.67842796 3.40664722 10.37860258 1.1875 8.3125 C-0.3082321 5.39975854 -0.22022756 3.23000416 0 0 Z M1 2 C1.33 3.32 1.66 4.64 2 6 C2.99 5.67 3.98 5.34 5 5 C5 4.34 5 3.68 5 3 C3.68 2.67 2.36 2.34 1 2 Z \" fill=\"#7994B9\" transform=\"translate(30,47)\"><\/path><path d=\"M0 0 C5.74820144 2.44604317 5.74820144 2.44604317 6.9375 5.0625 C7 7 7 7 6 9 C4.35 9 2.7 9 1 9 C1.33 8.34 1.66 7.68 2 7 C2.99 7 3.98 7 5 7 C4.04134491 4.66924071 4.04134491 4.66924071 1 3 C0.67 2.01 0.34 1.02 0 0 Z \" fill=\"#5D6F88\" transform=\"translate(36,50)\"><\/path><path d=\"M0 0 C2.97 0.495 2.97 0.495 6 1 C5.67 1.66 5.34 2.32 5 3 C3.68 2.67 2.36 2.34 1 2 C1.33 3.32 1.66 4.64 2 6 C1.01 6 0.02 6 -1 6 C-1.33 5.01 -1.66 4.02 -2 3 C-1.34 2.01 -0.68 1.02 0 0 Z \" fill=\"#B0B0B2\" transform=\"translate(48,30)\"><\/path><path d=\"M0 0 C0.33 0.66 0.66 1.32 1 2 C-2.96 2 -6.92 2 -11 2 C-11 1.67 -11 1.34 -11 1 C-5.555 0.505 -5.555 0.505 0 0 Z \" fill=\"#D6D6D8\" transform=\"translate(45,64)\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t1.5+ Millions Users\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tCustomers Served Annually\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ef8021 e-con-full e-flex e-con e-child\" data-id=\"4ef8021\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c8dfc0 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"1c8dfc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Illustration\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\"><defs><style>      .cls-1 {        fill: #99c0ff;      }      .cls-2 {        fill: #fff;      }    <\/style><\/defs><g><path class=\"cls-1\" d=\"M39.49,28.64l-4.76-4.76-.57.57,5.05,5.05c.08.08.18.12.28.12s.2-.04.28-.12l8.41-8.41-.57-.57-8.13,8.13s.01-.01.01-.01Z\"><\/path><path class=\"cls-1\" d=\"M40,6.9c-9.76,0-17.7,7.94-17.7,17.7,0,5.62,2.71,10.96,7.25,14.29l.89-1.21c-4.15-3.04-6.63-7.93-6.63-13.08,0-8.93,7.27-16.2,16.2-16.2s16.2,7.27,16.2,16.2c0,3.73-1.23,7.23-3.56,10.13l1.17.94c2.51-3.12,3.89-7.06,3.89-11.07,0-9.76-7.94-17.7-17.7-17.7,0,0-.01,0-.01,0Z\"><\/path><\/g><path class=\"cls-2\" d=\"M74.07,39.16h-8.04c-.96,0-1.75.79-1.75,1.75v19.94h-4.21l-3.09,2.77-17.31-17.54c-.27-.27-.7-.3-1-.06-5.51,4.3-8.84,2.83-10.09,1.91l11.61-9.38c.22-.18.5-.28.79-.28h6.72c.27,0,.53.09.74.25.9.67,1.7,1.36,2.48,2.02,2.6,2.21,5.05,4.31,9.62,4.31v-1.5c-4.02,0-6.07-1.74-8.65-3.95-.79-.68-1.62-1.38-2.55-2.08-.48-.36-1.05-.55-1.64-.55h-6.72c-.63,0-1.24.22-1.73.61l-5.47,4.42H15.79v-.8c0-.96-.79-1.75-1.75-1.75H6c-.96,0-1.75.79-1.75,1.75v24c0,.96.79,1.75,1.75,1.75h8.04c.96,0,1.75-.79,1.75-1.75v-21.7h16.13l-4.97,4.01c-.16.13-.25.31-.27.51-.02.2.04.4.17.55.04.05,4.3,5.05,12.21-.76l18.41,18.65c.73.74.73,1.95,0,2.69-.74.75-1.96.75-2.7,0l-8.85-8.85-.53.53-.53.53,5.69,5.78c.73.74.73,1.95-.01,2.69-.72.72-1.98.72-2.7,0l-2.59-2.59h0l-6.26-6.26-1.06,1.06,6.26,6.26c.74.75.74,1.96,0,2.7l-.37.37c-.75.74-1.96.75-2.7,0l-8.85-8.85-.53.53-.54.52,4.92,5.1c.72.74.71,1.94-.05,2.7-.74.75-1.96.75-2.7,0l-10.72-10.72c-.14-.14-.33-.22-.53-.22h-3.23v1.5h2.92l10.5,10.5c.66.66,1.53,1,2.4.99.88,0,1.76-.34,2.44-1.02.54-.54.85-1.23.95-1.94l1.96,1.96c.66.67,1.54,1,2.41,1s1.75-.33,2.41-1l.37-.37c.5-.5.81-1.12.94-1.77l.6.6c.64.64,1.5,1,2.41,1s1.77-.35,2.41-1c.52-.52.83-1.17.94-1.86l1.18,1.18c.66.67,1.54,1,2.41,1s1.75-.33,2.41-1c1.32-1.32,1.33-3.48.02-4.81l-.5-.51,2.61-2.34h3.64v2.43c0,.96.79,1.75,1.75,1.75h8.04c.96,0,1.75-.79,1.75-1.75v-23.87c0-.96-.79-1.75-1.75-1.75l-.04.01h0ZM14.29,65c0,.14-.11.25-.25.25H6c-.14,0-.25-.11-.25-.25v-24c0-.14.11-.25.25-.25h8.04c.14,0,.25.11.25.25v24ZM74.32,64.79c0,.14-.11.25-.25.25h-8.04c-.14,0-.25-.11-.25-.25v-23.87c0-.14.11-.25.25-.25h8.04c.14,0,.25.11.25.25v23.87Z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t100% Escrow &amp; Fitment\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMost Trusted Wheels Marketplace\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d365c20 e-con-full e-flex e-con e-child\" data-id=\"d365c20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0643c0 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"b0643c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Illustration\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\"><defs><style>      .cls-1 {        fill: #99c0ff;      }      .cls-2 {        fill: #fff;      }    <\/style><\/defs><path class=\"cls-2\" d=\"M52.55,61.52l-.32-5.12c2.46-2.7,4.13-6.38,4.49-9.92l.14-1.86-.75-.06v-8.66c0-3.38-2.53-6.29-5.88-6.77-7.73-1.09-16.07-4.1-20.36-5.8-1.5-.59-3.2-.41-4.54.49-1.33.89-2.11,2.32-2.13,3.9h.8c.02-1.31.66-2.49,1.77-3.24,1.13-.76,2.55-.91,3.8-.41,5.27,2.09,13.12,4.8,20.54,5.85,2.96.42,5.19,2.98,5.19,5.97v8.87c0,.53-.03,1.06-.08,1.58,0,.1-.03.19-.04.29-.04.33-.09.66-.15.99-.57,2.89-2.06,5.79-4.11,7.96l-.22.24v.02c-2.83,2.82-6.74,4.57-11.04,4.57-5.18,0-9.76-2.54-12.61-6.42-1.33-1.89-2.32-4.14-2.76-6.34-.08-.42-.15-.85-.2-1.28v-.02c-.05-.52-.08-1.05-.08-1.58h-.05l-.02-.28-1.5.12.15,1.93c.36,3.41,2.01,7.12,4.33,9.74l-.18,4.82c-7.53,1.71-13.4,4.95-16.17,8.96l1.23.85c2.57-3.72,8.18-6.76,15.41-8.38l10.5,6.79-2.69,4.5-6.22-6.22-.57.57,6.95,6.95,3.61-6.05-10.61-6.86.21-5.48c2.95,2.77,6.9,4.48,11.25,4.48s8.18-1.66,11.11-4.35l.33,5.29-10.32,6.93,3.61,6.04,6.95-6.95-.57-.57-6.22,6.22-2.69-4.51,9.72-6.53.09.02c6.32,1.59,11.22,4.27,13.79,7.53l1.18-.93c-2.7-3.43-7.69-6.23-14.07-7.92v.04h0Z\"><\/path><g><path class=\"cls-1\" d=\"M33,48.6c-1.67,0-3.06,1.22-3.34,2.81h-3.69c-2.88,0-5.22-2.34-5.22-5.22v-.44h1.92c.96,0,1.75-.79,1.75-1.75v-11.33c0-.96-.79-1.75-1.75-1.75h-1.92v-3.78c0-4.23,1-7.84,2.97-10.71l-1.24-.85c-2.15,3.13-3.23,7.02-3.23,11.56v3.86c-1.71.35-3,1.86-3,3.67v7.33c0,1.81,1.29,3.33,3,3.67v.51c0,3.71,3.02,6.72,6.72,6.72h3.77c.4,1.43,1.7,2.49,3.26,2.49,1.87,0,3.4-1.52,3.4-3.4s-1.53-3.4-3.4-3.4v.01ZM17.75,42v-7.33c0-1.24,1.01-2.25,2.25-2.25h2.67c.14,0,.25.11.25.25v11.33c0,.14-.11.25-.25.25h-2.67c-1.24,0-2.25-1.01-2.25-2.25ZM33,54.6c-1.43,0-2.6-1.17-2.6-2.6s1.17-2.6,2.6-2.6,2.6,1.17,2.6,2.6-1.17,2.6-2.6,2.6Z\"><\/path><path class=\"cls-1\" d=\"M61.13,31.21v-4.08c0-13.27-9.59-18.72-18.56-19.38-.06,0-1.39-.11-2.57-.11-1.1,0-2.51.1-2.57.11-2.81.21-5.41.85-7.74,1.9l.62,1.37c2.17-.98,4.6-1.57,7.23-1.77.01,0,1.41-.1,2.46-.1,1.13,0,2.44.1,2.46.1,8.3.62,17.17,5.64,17.17,17.89v3.78h-2.63c-.96,0-1.75.79-1.75,1.75v11.33c0,.96.79,1.75,1.75,1.75h2.67c2.07,0,3.75-1.68,3.75-3.75v-7.33c0-1.55-.94-2.88-2.29-3.45,0,0,0-.01,0-.01ZM61.92,42c0,1.24-1.01,2.25-2.25,2.25h-2.67c-.14,0-.25-.11-.25-.25v-11.33c0-.14.11-.25.25-.25h2.67c1.24,0,2.25,1.01,2.25,2.25v7.33Z\"><\/path><\/g><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t 500+ Brands &amp; Dealers\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tGlobal Verified Dealers in Directory\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cfabb4 e-flex e-con-boxed e-con e-parent\" data-id=\"8cfabb4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b48c81a e-con-full e-flex e-con e-child\" data-id=\"b48c81a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-745c40d e-con-full e-flex e-con e-child\" data-id=\"745c40d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e4edf5 elementor-widget elementor-widget-heading\" data-id=\"2e4edf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Wheel Front\u00ae Trading Protection\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10aee59 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"10aee59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Payment via the Escrow Service<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Commitment to Authenticity<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Global money-back guarantee<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Strict dealer guidelines<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Insured shipments<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wheelfront's quality &amp; security team<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60c10c9 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"60c10c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wheelfront.com\/marketplace\/buyer-seller-protection\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"> Learn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0148df e-con-full e-flex e-con e-child\" data-id=\"b0148df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82a0be9 e-flex e-con-boxed e-con e-parent\" data-id=\"82a0be9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-188ca34 elementor-widget elementor-widget-heading\" data-id=\"188ca34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Latest wheels listing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2b5ff2 elementor-widget elementor-widget-wheelfront_marketplace_grid\" data-id=\"d2b5ff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wheelfront_marketplace_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <div class=\"wheelfront-marketplace-wrapper ele-widget\" id=\"wf_grid_6a3c38487819c\" data-limit=\"8\"\n                    style=\"font-family: 'Wix Madefor Text', sans-serif; position: relative; width: 100%;\">\n                                    <div class=\"wheelfront-carousel-viewport\" style=\"overflow-x: auto; overflow-y: hidden; width: 100%; padding: 4px 0; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none;\">\n                    <style> .wheelfront-carousel-viewport::-webkit-scrollbar { display: none; } <\/style>\n                    <div class=\"wheelfront-carousel-track\"\n                        style=\"display: flex; gap: 24px;\">\n                                                                            <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"1604\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/wheel1.jpg\" alt=\"ADV.1 ADV5.0, 18x10, ET +35, 5x112, Gunmetal, New, ADV5.0-18x10-ET35-5x120-GM\"\r\n                    class=\"carousel-img carousel-img-1604\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/wheel2.jpg\" alt=\"ADV.1 ADV5.0, 18x10, ET +35, 5x112, Gunmetal, New, ADV5.0-18x10-ET35-5x120-GM\"\r\n                    class=\"carousel-img carousel-img-1604\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/wheel3.jpg\" alt=\"ADV.1 ADV5.0, 18x10, ET +35, 5x112, Gunmetal, New, ADV5.0-18x10-ET35-5x120-GM\"\r\n                    class=\"carousel-img carousel-img-1604\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '1604', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '1604', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-1604\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-1604\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-1604\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                US            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United States                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from United States.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-18x10-et-35-5x112-gunmetal-new-adv5-0-18x10-et35-5x120-gm\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ADV.1 ADV5.0 ADV5.0-18x10-ET35-5x120-GM<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    18x10                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x112                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET ++35                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Gunmetal                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2025 Acura Integra Type S|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$43.75<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$175<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 4<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            New        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"684\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg\" alt=\"Legendary Wheels LW30, 19x9 \/ 20x10.5, ET +29 \/ ET +30, 5x120, Polished, Used (Very Good), LM224-LM225\"\r\n                    class=\"carousel-img carousel-img-684\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/255259-9.webp\" alt=\"Legendary Wheels LW30, 19x9 \/ 20x10.5, ET +29 \/ ET +30, 5x120, Polished, Used (Very Good), LM224-LM225\"\r\n                    class=\"carousel-img carousel-img-684\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/hyundai-car-wheel-500x500-11.webp\" alt=\"Legendary Wheels LW30, 19x9 \/ 20x10.5, ET +29 \/ ET +30, 5x120, Polished, Used (Very Good), LM224-LM225\"\r\n                    class=\"carousel-img carousel-img-684\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '684', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '684', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-684\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-684\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-684\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/legendary-wheels-lw30-19x9-20x10-5-et-29-et-30-5x120-polished-used-very-good-lm224-lm225\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Legendary Wheels LW30 LM224-LM225<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    19x9 \/ 20x10.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x120                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +29 \/ +30                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Polished                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2015 BMW M4| |2015 BMW M2| |2016 BMW M2| |2017 BMW M2| |2018 BMW M2| |2019 BMW M2| |2020 BMW M2| |2021 BMW M2| |2014 BMW M3| |2015 BMW M3| |2016 BMW M3| |2017 BMW M3| |2018 BMW M3| |2014 BMW M4| |2016 BMW M4| |2017 BMW M4| |2018 BMW M4| |2019 BMW M4| |2020 BMW M4|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$150<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$300<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">pair<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Very Good)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"572\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-3.jpg\" alt=\"Heavy Hitters HH12, 19x9, ET +15, 5x120, Dark Gray, Used (Fair), 1234232\"\r\n                    class=\"carousel-img carousel-img-572\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/hyundai-car-wheel-500x500-9.webp\" alt=\"Heavy Hitters HH12, 19x9, ET +15, 5x120, Dark Gray, Used (Fair), 1234232\"\r\n                    class=\"carousel-img carousel-img-572\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/car-wheel-isolated-on-transparent-background-3d-rendering-illustration-png-8.png\" alt=\"Heavy Hitters HH12, 19x9, ET +15, 5x120, Dark Gray, Used (Fair), 1234232\"\r\n                    class=\"carousel-img carousel-img-572\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '572', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '572', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-572\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-572\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-572\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/heavy-hitters-hh12-19x9-et-29-5x120-dark-gray-used-fair\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Heavy Hitters HH12 1234232<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    19x9                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x120                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +15                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Dark Gray                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2015 BMW M2|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$200<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$400<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">pair<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Fair)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"542\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/1teast.webp\" alt=\"Anovia AN-5S, 18x9.5, ET +45, 5x114.3, Black, Used (Very Good)\"\r\n                    class=\"carousel-img carousel-img-542\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/3448862-1-2017-focus-ford-st-bc-racing-coilovers-anovia-an-5s-bronze-machined.jpg.webp\" alt=\"Anovia AN-5S, 18x9.5, ET +45, 5x114.3, Black, Used (Very Good)\"\r\n                    class=\"carousel-img carousel-img-542\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/an5s_gunmetalmachined_white.jpg.webp\" alt=\"Anovia AN-5S, 18x9.5, ET +45, 5x114.3, Black, Used (Very Good)\"\r\n                    class=\"carousel-img carousel-img-542\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '542', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '542', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-542\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-542\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-542\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                US            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United States                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from Sheridan, United States.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anovia-an-5s-18x9-5-et-45-5x114-3-black-very-good\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anovia AN-5S<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    18x9.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x114.3                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +45                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Black                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2026 Acura Integra|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$125<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$500<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 4<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Very Good)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"390\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/255259-1.webp\" alt=\"Cavallo CLV-17, 15x5.5, ET +51, 4x100, Raw, New, 1234232\"\r\n                    class=\"carousel-img carousel-img-390\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/hyundai-car-wheel-500x500-2.webp\" alt=\"Cavallo CLV-17, 15x5.5, ET +51, 4x100, Raw, New, 1234232\"\r\n                    class=\"carousel-img carousel-img-390\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/car-wheel-isolated-on-transparent-background-3d-rendering-illustration-png-1.png\" alt=\"Cavallo CLV-17, 15x5.5, ET +51, 4x100, Raw, New, 1234232\"\r\n                    class=\"carousel-img carousel-img-390\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '390', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '390', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-390\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-390\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-390\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/cavallo-clv-17-15x5-5-et-51-4x100-raw-new\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Cavallo CLV-17 1234232<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    15x5.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    4x100                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +51                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Raw                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2019 Honda City| |2014 Honda Ballade| |2015 Honda Ballade| |2016 Honda Ballade| |2017 Honda Ballade| |2018 Honda Ballade| |2019 Honda Ballade| |2020 Honda Ballade| |2009 Honda City| |2010 Honda City| |2011 Honda City| |2012 Honda City| |2013 Honda City| |2014 Honda City| |2015 Honda City| |2016 Honda City| |2017 Honda City| |2018 Honda City| |2020 Honda City| |2021 Honda City| |2022 Honda City| |2014 Honda Fit| |2015 Honda Fit| |2016 Honda Fit| |2017 Honda Fit|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$100<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$500<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 5<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            New        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"377\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/main-hero-truck-wheel-2.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngimg.com-car_wheel_PNG23306-4.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-4.jpg\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-realistic-car-wheel-tyre-png-image_12219559-2.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"3\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/wheel-2.png\" alt=\"Black Rhino Alston, 17x6.5, ET +47, 5x108, Purple, Like new, 123456\"\r\n                    class=\"carousel-img carousel-img-377\"\r\n                    data-index=\"4\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '377', -1, 5)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '377', 1, 5)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"3\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-377\"\r\n                            data-index=\"4\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/black-rhino-alston-17x6-5-47-5x108-purple-like-new\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Black Rhino Alston 123456<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    17x6.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x108                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET +47                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Purple                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2016 Chery Arrizo 7| |2020 Chery Alia| |2021 Chery Alia| |2022 Chery Alia| |2023 Chery Alia| |2016 Chery Arrizo 5| |2017 Chery Arrizo 5| |2018 Chery Arrizo 5| |2019 Chery Arrizo 5| |2020 Chery Arrizo 5| |2021 Chery Arrizo 5| |2022 Chery Arrizo 5| |2023 Chery Arrizo 5| |2024 Chery Arrizo 5| |2025 Chery Arrizo 5| |2022 Chery Arrizo 5 Gt| |2023 Chery Arrizo 5 Gt| |2024 Chery Arrizo 5 Gt| |2025 Chery Arrizo 5 Gt| |2021 Chery Arrizo 5 Plus| |2022 Chery Arrizo 5 Plus| |2023 Chery Arrizo 5 Plus| |2024 Chery Arrizo 5 Plus| |2017 Chery Arrizo 5e| |2018 Chery Arrizo 5e| |2019 Chery Arrizo 5e| |2020 Chery Arrizo 5e| |2021 Chery Arrizo 6| |2022 Chery Arrizo 6| |2023 Chery Arrizo 6| |2024 Chery Arrizo 6| |2025 Chery Arrizo 6| |2021 Chery Arrizo 6 Pro| |2022 Chery Arrizo 6 Pro| |2023 Chery Arrizo 6 Pro| |2024 Chery Arrizo 6 Pro| |2025 Chery Arrizo 6 Pro| |2015 Chery Arrizo 7| |2017 Chery Arrizo 7| |2018 Chery Arrizo 7| |2019 Chery Arrizo 7| |2020 Chery Arrizo 7| |2016 Chery Arrizo 7e| |2017 Chery Arrizo 7e| |2020 Chery Arrizo E| |2021 Chery Arrizo E| |2022 Chery Arrizo E| |2023 Chery Arrizo E| |2024 Chery Arrizo E| |2018 Chery Arrizo Gx| |2019 Chery Arrizo Gx| |2020 Chery Arrizo Gx| |2021 Chery Arrizo Gx| |2022 Chery Arrizo Gx| |2015 Chery Arrizo M7| |2016 Chery Arrizo M7| |2010 Chery Chance| |2011 Chery Chance| |2012 Chery Chance| |2008 Chery Cielo| |2009 Chery Cielo| |2010 Chery Cielo| |2011 Chery Cielo| |2012 Chery Cielo| |2013 Chery Cielo| |2014 Chery Cielo| |2011 Chery Cruise| |2012 Chery Cruise| |2013 Chery Cruise| |2014 Chery Cruise| |2018 Peugeot Partner| |2019 Peugeot Partner| |2020 Peugeot Partner| |2021 Peugeot Partner| |2022 Peugeot Partner| |2023 Peugeot Partner| |2024 Peugeot Partner| |2025 Peugeot Partner| |2026 Peugeot Partner| |2020 Toyota Proace City| |2021 Toyota Proace City| |2022 Toyota Proace City| |2023 Toyota Proace City| |2024 Toyota Proace City| |2025 Toyota Proace City| |2020 Toyota Proace City Verso| |2021 Toyota Proace City Verso| |2022 Toyota Proace City Verso| |2023 Toyota Proace City Verso| |2024 Toyota Proace City Verso| |2025 Toyota Proace City Verso| |2018 Vauxhall Combo| |2019 Vauxhall Combo|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; white-space: nowrap;\">\n                <span class=\"wf-price-main\"\n                    style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$250<\/span>\n                <span class=\"wf-price-qty\"\n                    style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">set of 4<\/span>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Like new        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                    <div class=\"wheelfront-carousel-slide\"\n                                         style=\"flex: 0 0 calc((100% - 72px) \/ 4); min-width: 0; scroll-snap-align: start; user-select: none;\">\n                                <div class=\"wheelfront-listing-card minimalist-grid-card\"\r\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\r\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\r\n    \r\n    <!-- Image Section -->\r\n    <div class=\"card-image-wrap\"\r\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\r\n        onmouseover=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=1; if(next) next.style.opacity=1;\"\r\n        onmouseout=\"var prev = this.querySelector('.carousel-btn-prev'); var next = this.querySelector('.carousel-btn-next'); if(prev) prev.style.opacity=0; if(next) next.style.opacity=0;\">\r\n\r\n        <!-- Wishlist Heart Overlay -->\r\n        <div class=\"wishlist-toggle\" data-id=\"191\"\r\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; #0B0F19; backdrop-filter: blur(4px); color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>        <\/div>\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/02\/hyundai-car-wheel-500x500-4.webp\" alt=\"ADV.1 ADV5.0, 19x8.5, ET +25, 5x120, Gunmetal, Used (Fair), 123456788\"\r\n                    class=\"carousel-img carousel-img-191\"\r\n                    data-index=\"0\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; z-index: 2;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/02\/hyundai-car-wheel-500x500-5.webp\" alt=\"ADV.1 ADV5.0, 19x8.5, ET +25, 5x120, Gunmetal, Used (Fair), 123456788\"\r\n                    class=\"carousel-img carousel-img-191\"\r\n                    data-index=\"1\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/02\/pngtree-car-wheel-tires-png-image_3896310-300x300-5.jpg\" alt=\"ADV.1 ADV5.0, 19x8.5, ET +25, 5x120, Gunmetal, Used (Fair), 123456788\"\r\n                    class=\"carousel-img carousel-img-191\"\r\n                    data-index=\"2\"\r\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/'\"\r\n                    style=\"cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; z-index: 0;\">\r\n            \r\n                            <button type=\"button\" class=\"carousel-btn-prev\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '191', -1, 3)\"\r\n                    style=\"position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"carousel-btn-next\"\r\n                    onclick=\"window.handleCarouselClick(event, this, '191', 1, 3)\"\r\n                    style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); z-index: 20; opacity: 0; transition: opacity 0.2s; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 4px; width: 28px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n                <!-- Carousel Indicators -->\r\n                <div\r\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\r\n                                            <div class=\"carousel-indicator carousel-indicator-191\"\r\n                            data-index=\"0\"\r\n                            style=\"height: 3px; flex: 1; max-width: 50px; background: #2563eb; transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-191\"\r\n                            data-index=\"1\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                            <div class=\"carousel-indicator carousel-indicator-191\"\r\n                            data-index=\"2\"\r\n                            style=\"height: 3px; flex: 1; max-width: 24px; background: rgba(255,255,255,0.6); transition: all 0.3s; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.3);\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            \r\n        \r\n        <!-- Location Badge Overlay (Bottom Left) -->\r\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\r\n            <div style=\"background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); cursor: pointer;\"\r\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\r\n                <span class=\"loc-icon\" style=\"display: flex;\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\r\n                GB            <\/div>\r\n            \r\n            <!-- Tooltip Popup -->\r\n            <div class=\"tooltip-content\"\r\n                style=\"display: none; position: absolute; bottom: calc(100% + 12px); left: 0; background: #1e293b; color: white; padding: 16px; border-radius: 8px; width: 250px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3); z-index: 100;\">\r\n                <h4\r\n                    style=\"margin: 0 0 8px 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;\">\r\n                    United Kingdom                <\/h4>\r\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\r\n                    This seller is from London, United Kingdom.\r\n                <\/p>\r\n                <!-- Tooltip Arrow -->\r\n                <div\r\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Verified Badge Overlay (Bottom Right) -->\r\n            <div class=\"verified-badge-overlay\"\r\n                style=\"position: absolute; bottom: 12px; right: 12px; z-index: 10; background: white; color: #0f172a; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); pointer-events: none;\">\r\n                <span style=\"display: flex;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14.41l-3.29-3.29 1.41-1.42L11 12.58l4.88-4.88 1.42 1.42L11 15.41z\"\/><\/svg><\/span>\r\n                Verified\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Title & Specs -->\r\n    <div class=\"card-top-content\"\r\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\r\n        <h3\r\n            style=\"margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: #E1E4EB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: auto;\">\r\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/adv-1-adv5-0-21x9-5-55-5x120-gunmetal-used-good\/\"\r\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ADV.1 ADV5.0 123456788<\/a>\r\n        <\/h3>\r\n\r\n        <!-- Spec Pills -->\r\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    19x8.5                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    5x120                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    ET ++25                <\/span>\r\n                            <span style=\"background: rgba(241,245,249,0.1); color: #cbd5e1; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 4px; border: 1px solid rgba(226,232,240,0.15);\">\r\n                    Gunmetal                <\/span>\r\n                    <\/div>\r\n\r\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\r\n\r\n                            <div class=\"wf-grid-car-list\"\r\n                style=\"margin: 0; font-size: 13px; line-height: 1.4; display: flex; align-items: flex-start; gap: 6px; color: #94a3b8; font-weight: 500;\">\r\n                <span style=\"font-size: 14px; line-height: 1; color: #0ea472;\">\u2713<\/span>\r\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\r\n                    <span style=\"color: #0ea472;\">Fitment:<\/span> |2022 Acura Mdx| |2009 BMW 5 Series Gran Turismo| |2010 BMW 5 Series Gran Turismo| |2011 BMW 5 Series Gran Turismo| |2012 BMW 5 Series Gran Turismo| |2013 BMW 5 Series Gran Turismo| |2014 BMW 5 Series Gran Turismo| |2015 BMW 5 Series Gran Turismo| |2016 BMW 5 Series Gran Turismo| |2017 BMW 5 Series Gran Turismo| |2008 BMW 7 Series| |2009 BMW 7 Series| |2010 BMW 7 Series| |2011 BMW 7 Series| |2012 BMW 7 Series| |2013 BMW 7 Series| |2014 BMW 7 Series| |2015 BMW 7 Series| |2009 BMW Alpina B7| |2010 BMW Alpina B7| |2011 BMW Alpina B7| |2012 BMW Alpina B7| |2013 BMW Alpina B7| |2014 BMW Alpina B7| |2015 BMW Alpina B7| |2016 BMW Alpina B7| |2009 Rolls Royce Ghost| |2010 Rolls Royce Ghost| |2011 Rolls Royce Ghost| |2012 Rolls Royce Ghost| |2013 Rolls Royce Ghost| |2014 Rolls Royce Ghost| |2015 Rolls Royce Ghost| |2016 Rolls Royce Ghost| |2017 Rolls Royce Ghost| |2018 Rolls Royce Ghost| |2019 Rolls Royce Ghost| |2020 Rolls Royce Ghost| |2013 Rolls Royce Wraith| |2014 Rolls Royce Wraith| |2015 Rolls Royce Wraith| |2016 Rolls Royce Wraith| |2017 Rolls Royce Wraith| |2018 Rolls Royce Wraith| |2019 Rolls Royce Wraith| |2020 Rolls Royce Wraith| |2021 Rolls Royce Wraith| |2022 Rolls Royce Wraith| |2023 Rolls Royce Wraith|                <\/span>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <!-- Pricing Row -->\r\n    <div class=\"card-price-row\"\r\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\r\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\r\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\r\n                            <div class=\"wf-price-display\"\n                style=\"display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; line-height: 1.2;\">\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-main\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$100<\/span>\n                    <span class=\"wf-price-each\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6;\">ea<\/span>\n                <\/div>\n                <span class=\"wf-price-sep\"\n                    style=\"font-size: 15px; opacity: 0.3; font-weight: 300; color: #ffffff !important;\">\/<\/span>\n                <div style=\"display: flex; align-items: baseline; gap: 2px; white-space: nowrap;\">\n                    <span class=\"wf-price-total\"\n                        style=\"font-size: 15px; font-weight: 700; color: #ffffff !important;\">$300<\/span>\n                    <span class=\"wf-price-qty\"\n                        style=\"font-size: 11px; font-weight: 600; color: #3b82f6; margin-left: 2px;\">set of 3<\/span>\n                <\/div>\n            <\/div>\n                    <\/div>\r\n            <span style=\"font-size: 12px; opacity: 0.7; color: #aaafb5ff;\">\r\n                + $100.00 for shipping            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Condition & Refined Label -->\r\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #aaafb5ff; margin-top: 4px; pointer-events: none;\">\r\n        <span style=\"opacity: 0.7;\">Condition:<\/span>\r\n        <span style=\"font-weight: 500; color: #ffffff;\">\r\n            Used (Fair)        <\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof window.handleCarouselClick !== 'function') {\r\n        window.handleCarouselClick = function (e, btn, id, direction, max) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            let container = btn.closest('.card-image-wrap');\r\n            if (!container) return;\r\n\r\n            let images = container.querySelectorAll('.carousel-img-' + id);\r\n            let indicators = container.querySelectorAll('.carousel-indicator-' + id);\r\n\r\n            if (!images.length) return;\r\n\r\n            let currentIndex = 0;\r\n            images.forEach((img, i) => {\r\n                if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\r\n                    currentIndex = i;\r\n                }\r\n            });\r\n\r\n            let newIndex = currentIndex + direction;\r\n            if (newIndex >= max) newIndex = 0;\r\n            if (newIndex < 0) newIndex = max - 1;\r\n\r\n            images.forEach((img, i) => {\r\n                img.style.opacity = (i === newIndex) ? '1' : '0';\r\n                img.style.zIndex = (i === newIndex) ? '2' : '0';\r\n            });\r\n\r\n            indicators.forEach((ind, i) => {\r\n                ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\r\n                ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\r\n            });\r\n        };\r\n    }\r\n\r\n    if (typeof window.toggleLocationTooltip !== 'function') {\r\n        window.toggleLocationTooltip = function (e, el) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            \/\/ Find the tooltip: check child first, then sibling\r\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\r\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\r\n                \/\/ Fallback: search siblings if el is not the container\r\n                tooltip = el.parentElement.querySelector('.tooltip-content');\r\n            }\r\n\r\n            if (!tooltip) return;\r\n\r\n            \/\/ Close all other tooltips\r\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                if (tt !== tooltip) tt.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Toggle this one\r\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\r\n            tooltip.style.display = isHidden ? 'block' : 'none';\r\n\r\n            \/\/ Safeguard icon color change\r\n            const icon = el.querySelector('.loc-icon');\r\n            if (icon) {\r\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\r\n            }\r\n        };\r\n\r\n        \/\/ Close on outside click\r\n        document.addEventListener('click', function (e) {\r\n            if (!e.target.closest('.location-badge-overlay') && !e.target.closest('.location-tooltip-wrap')) {\r\n                document.querySelectorAll('.tooltip-content').forEach(tt => {\r\n                    tt.style.display = 'none';\r\n                });\r\n                document.querySelectorAll('.loc-icon').forEach(icon => {\r\n                    icon.style.color = 'inherit';\r\n                });\r\n            }\r\n        });\r\n    }\r\n<\/script>\r\n<style>\r\n    .wishlist-toggle:hover svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n\r\n    .wishlist-toggle.wf-wishlisted svg {\r\n        color: #99C0FF !important;\r\n        stroke: #99C0FF !important;\r\n        fill: #99C0FF !important;\r\n    }\r\n    \r\n    .card-image-wrap:hover .carousel-img {\r\n        transform: scale(1.05);\r\n    }\r\n<\/style>                                    <\/div>\n                                                                                <\/div>\n                    <\/div>\n                                            <button type=\"button\" class=\"wf-carousel-prev\"\n                            style=\"position: absolute;left: 0px; top: calc(50% - 25px - 25px); width: 50px; height: 50px; background: #13171f; border: 1px solid #a2b2d1ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); z-index: 10; opacity: 1; transition: opacity 0.2s;\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#99c0ff\" stroke-width=\"2\">\n                                <path d=\"M15 18l-6-6 6-6\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button type=\"button\" class=\"wf-carousel-next\"\n                            style=\"position: absolute;right: 0px; top: calc(50% - 25px - 25px); width: 50px; height: 50px; background: #13171f; border: 1px solid #a2b2d1ff; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); z-index: 10; opacity: 1; transition: opacity 0.2s;\">\n                            <svg width=\"60\" height=\"60\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#99c0ff\" stroke-width=\"2\">\n                                <path d=\"M9 18l6-6-6-6\" \/>\n                            <\/svg>\n                        <\/button>\n                        <div class=\"wf-carousel-dots\"\n                            style=\"display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 50px;\"><\/div>\n                                           <\/div>\n\n        <style>\n            .wheelfront-listing-card.main-section-list {\n                display: grid;\n                grid-template-columns: 2fr 1fr;\n                border: 1px solid #fff;\n                position: relative;\n            }\n            .wf-wheel-type {\n                position: absolute;\n                top: -15px;\n                left: 15px;\n                z-index: 1;\n                background-color: #fff;\n                padding: 0px 5px;\n                font-size: 18px;\n                font-weight: 700;\n                color: #0b121e;\n                border-radius: 16px;\n            }\n\n            .wf-request-offer-btn{\n                display:inline-flex;\n                align-items:center;\n                justify-content:center;\n                padding:10px 20px;\n                background-color: #336ecc;\n                font-weight: 600;\n            }\n\n            .wheelfront-listing-card.offer-section {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 15px;\n                padding: 20px;\n                border-left:1px solid #e5e7eb;\n            }\n\n            span.wf-request-date {\n                color: #fff;\n            }\n\n            .wf-wheel-request-list {\n                display: flex;\n                flex-direction: column;\n                gap: 50px;\n                margin-bottom: 80px;\n            }\n\n            .wf-wheel-request-list .wf-wheel-request-card {\n                width: 100%;\n            }\n            .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                display: grid !important;\n                grid-auto-rows: auto !important;\n                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n                gap: 24px !important;\n                width: 100% !important;\n            }\n\n            .wheelfront-marketplace-wrapper:hover .wf-carousel-prev,\n            .wheelfront-marketplace-wrapper:hover .wf-carousel-next {\n                opacity: 1 !important;\n            }\n\n            .wishlist-toggle:hover {\n                transform: scale(1.1);\n            }\n\n            .wishlist-toggle:hover svg {\n                color: #99C0FF !important;\n                stroke: #99C0FF !important;\n                fill: #99C0FF !important;\n            }\n\n            .wishlist-toggle.wf-wishlisted svg {\n                color: #99C0FF !important;\n                stroke: #99C0FF !important;\n                fill: #99C0FF !important;\n            }\n\n            \/* Responsive Adjustments *\/\n            @media (max-width: 1024px) {\n                .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n                }\n                .wheelfront-carousel-slide {\n                    flex: 0 0 calc((100% - (2 * 24px)) \/ 3) !important;\n                }\n            }\n\n            @media (max-width: 768px) {\n                .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                }\n                .wheelfront-carousel-slide {\n                    flex: 0 0 calc((100% - (1 * 24px)) \/ 2) !important;\n                }\n                .wheelfront-listing-card.main-section-list {\n                    grid-template-columns: 1fr;\n                    \n                }\n                .wheelfront-listing-card.offer-section {\n                    border-left:0px solid #e5e7eb;\n                    border-top:1px solid #e5e7eb;\n                }\n                \/* .wf-carousel-prev, .wf-carousel-next { display: none !important; } *\/\n            }\n\n            @media (max-width: 480px) {\n                .wheelfront-marketplace-wrapper .wf-elementor-grid-force {\n                    \/* grid-template-columns: 1fr !important; *\/\n                    gap: 16px !important;\n                }\n                .wheelfront-carousel-slide {\n                    flex: 0 0 calc((100% - (1 * 24px)) \/ 2) !important;\n                }\n                .wf-carousel-dots { margin-top: 20px !important; }\n            }\n        <\/style>\n\n        <script>\n            if (typeof window.initWheelFrontCarousel !== 'function') {\n                window.initWheelFrontCarousel = function () {\n                    document.querySelectorAll('.wheelfront-marketplace-wrapper').forEach(wrapper => {\n                        const viewport = wrapper.querySelector('.wheelfront-carousel-viewport');\n                        const track = wrapper.querySelector('.wheelfront-carousel-track');\n                        if (!track || !viewport) return;\n\n                        const prevBtn = wrapper.querySelector('.wf-carousel-prev');\n                        const nextBtn = wrapper.querySelector('.wf-carousel-next');\n                        const dotsContainer = wrapper.querySelector('.wf-carousel-dots');\n                        const slides = track.querySelectorAll('.wheelfront-carousel-slide');\n\n                        if (!slides.length) return;\n\n                        let currentIndex = 0;\n                        let slideWidth = slides[0].offsetWidth + 24; \/\/ Including gap\n\n                        const createDots = (totalDots) => {\n                            dotsContainer.innerHTML = '';\n                            if (totalDots > 1) {\n                                for (let i = 0; i < totalDots; i++) {\n                                    const dot = document.createElement('div');\n                                    dot.classList.add('wf-dot-' + i);\n                                    let isActive = (i === currentIndex);\n                                    dot.style.cssText = `width: ${isActive ? '36px' : '24px'}; height: 3px; background: ${isActive ? '#2563eb' : '#525F7A'}; border-radius: 2px; cursor: pointer; transition: all 0.3s;`;\n                                    dot.addEventListener('click', () => {\n                                        viewport.scrollTo({ left: i * slideWidth, behavior: 'smooth' });\n                                    });\n                                    dotsContainer.appendChild(dot);\n                                }\n                            }\n                        };\n\n                        const updateUI = () => {\n                            slideWidth = slides[0].offsetWidth + 24;\n                            let trackWidth = viewport.clientWidth;\n                            let visibleSlides = Math.round(trackWidth \/ slideWidth);\n                            if (visibleSlides < 1) visibleSlides = 1;\n\n                            let totalDots = slides.length - visibleSlides + 1;\n                            if (totalDots < 1) totalDots = 1;\n\n                            currentIndex = Math.round(viewport.scrollLeft \/ slideWidth);\n                            if (currentIndex >= totalDots) currentIndex = totalDots - 1;\n                            if (currentIndex < 0) currentIndex = 0;\n\n                            \/\/ Update arrows\n                            if (prevBtn) prevBtn.style.display = currentIndex === 0 ? 'none' : 'flex';\n                            if (nextBtn) nextBtn.style.display = currentIndex >= totalDots - 1 ? 'none' : 'flex';\n\n                            \/\/ Update dots style safely \n                            if (dotsContainer.children.length !== totalDots && totalDots > 1) {\n                                createDots(totalDots);\n                            } else {\n                                Array.from(dotsContainer.children).forEach((dot, i) => {\n                                    let isActive = (i === currentIndex);\n                                    dot.style.width = isActive ? '36px' : '24px';\n                                    dot.style.background = isActive ? '#2563eb' : '#525F7A';\n                                });\n                            }\n                        };\n\n                        if (prevBtn) {\n                            prevBtn.addEventListener('click', () => {\n                                slideWidth = slides[0].offsetWidth + 24;\n                                viewport.scrollBy({ left: -slideWidth, behavior: 'smooth' });\n                            });\n                        }\n                        if (nextBtn) {\n                            nextBtn.addEventListener('click', () => {\n                                slideWidth = slides[0].offsetWidth + 24;\n                                viewport.scrollBy({ left: slideWidth, behavior: 'smooth' });\n                            });\n                        }\n\n                        viewport.addEventListener('scroll', () => {\n                            requestAnimationFrame(updateUI);\n                        });\n                        window.addEventListener('resize', updateUI);\n                        setTimeout(updateUI, 100);\n                    });\n                };\n\n                document.addEventListener('DOMContentLoaded', window.initWheelFrontCarousel);\n                if (window.elementorFrontend) {\n                    window.elementorFrontend.hooks.addAction('frontend\/element_ready\/wheelfront_marketplace_grid.default', function ($scope) {\n                        window.initWheelFrontCarousel();\n                    });\n                } else {\n                    setTimeout(window.initWheelFrontCarousel, 500);\n                }\n            }\n\n            if (typeof window.handleCarouselClick !== 'function') {\n                window.handleCarouselClick = function (e, btn, id, direction, max) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    let container = btn.closest('.card-image-wrap');\n                    if (!container) return;\n\n                    let images = container.querySelectorAll('.carousel-img-' + id);\n                    let indicators = container.querySelectorAll('.carousel-indicator-' + id);\n\n                    if (!images.length) return;\n\n                    let currentIndex = 0;\n                    images.forEach((img, i) => {\n                        if (img.style.opacity === '1' || parseFloat(img.style.opacity) === 1) {\n                            currentIndex = i;\n                        }\n                    });\n\n                    let newIndex = currentIndex + direction;\n                    if (newIndex >= max) newIndex = 0;\n                    if (newIndex < 0) newIndex = max - 1;\n\n                    images.forEach((img, i) => {\n                        img.style.opacity = (i === newIndex) ? '1' : '0';\n                        img.style.zIndex = (i === newIndex) ? '2' : '0';\n                    });\n\n                    indicators.forEach((ind, i) => {\n                        ind.style.background = (i === newIndex) ? '#2563eb' : 'rgba(255,255,255,0.6)';\n                        ind.style.maxWidth = (i === newIndex) ? '50px' : '24px';\n                    });\n                };\n            }\n\n            if (typeof window.toggleLocationTooltip !== 'function') {\n                window.toggleLocationTooltip = function (e, el) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    document.querySelectorAll('.tooltip-content').forEach(tt => {\n                        if (tt !== el.nextElementSibling) tt.style.display = 'none';\n                    });\n\n                    let tooltip = el.nextElementSibling;\n                    if (tooltip.style.display === 'none' || tooltip.style.display === '') {\n                        tooltip.style.display = 'block';\n                        el.querySelector('.loc-icon').style.color = '#2563eb';\n                    } else {\n                        tooltip.style.display = 'none';\n                        el.querySelector('.loc-icon').style.color = 'inherit';\n                    }\n                };\n\n                document.addEventListener('click', function (e) {\n                    if (!e.target.closest('.location-tooltip-wrap')) {\n                        document.querySelectorAll('.tooltip-content').forEach(tt => {\n                            tt.style.display = 'none';\n                        });\n                        document.querySelectorAll('.loc-icon').forEach(icon => {\n                            icon.style.color = 'inherit';\n                        });\n                    }\n                });\n            }\n\n            if (typeof jQuery !== 'undefined') {\n                jQuery(document).ready(function ($) {\n                });\n            }\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94a0ece e-flex e-con-boxed e-con e-parent\" data-id=\"94a0ece\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3f7de elementor-widget elementor-widget-heading\" data-id=\"3e3f7de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Loved by Millions of Customers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9aa4543 elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9aa4543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">TrustScore: \"Excellent\" with 5.0\/5 stars<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7691d elementor-icon-list--layout-inline elementor-align-start elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ea7691d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Trusted by over 1.5 Millions customers worldwide, every year<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1a5ad1 elementor-widget elementor-widget-ucaddon_responsive_testemonial_carousel\" data-id=\"a1a5ad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_responsive_testemonial_carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Testimonial Carousel -->\n\t\t<link id='font-awesome-css' href='https:\/\/wheelfront.com\/marketplace\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/wheelfront.com\/marketplace\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='owl-carousel-css' href='https:\/\/wheelfront.com\/marketplace\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/owl-carousel-new\/assets\/owl.carousel.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Testimonial Carousel *\/\n\n\/* general styles *\/\n.uc_quote_slider{\n  min-height:1px;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 *{\n  box-sizing:border-box;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .uc_quote_info .uc_author_avatar {\n  width: 100%;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .uc_quote_info .uc_author {\n  display: inline-flex;\n  align-items: flex-start; \n  }\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .uc_stars{\n  display:flex;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .uc_quote_info{\n  display:flex;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 *{\n  outline:none;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .ue-image{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .uc_quote_info .uc_author_info .uc_company {\n    color: ;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .ue-image-spacing{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .ue-icon{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .ue-icon svg{\n  width:1em;\n  height:1em;\n}\n\n\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .uc_quote_item,\n#uc_responsive_testemonial_carousel_elementor_a1a5ad1 .ue-flip-item-content{\n  transition: all .3s;\n}\n\n\/* end general styles *\/\n\n\/* carousel type owl *\/\n  #uc_responsive_testemonial_carousel_elementor_a1a5ad1 .owl-dots {\n    overflow:hidden;\n  }\n\n  #uc_responsive_testemonial_carousel_elementor_a1a5ad1 .owl-dot {\n    display:inline-block;\n  }\n\n  #uc_responsive_testemonial_carousel_elementor_a1a5ad1 .owl-nav .owl-prev,\n  #uc_responsive_testemonial_carousel_elementor_a1a5ad1 .owl-nav .owl-next{\n      position:absolute;\n      display:inline-block;\n      text-align:center;\n  }\n\n  \n  \n\n\/* end carousel type owl *\/\n\n\n\n<\/style>\n\n<div class=\"uc_quote_slider\" style=\"direction:ltr\" >  \n  <!-- carousel type owl -->\n  \t<div class=\"uc_carousel owl-carousel owl-theme uc-items-wrapper  \" id=\"uc_responsive_testemonial_carousel_elementor_a1a5ad1\"  >\n      \n\t<div class=\"uc_quote_item ue-item     elementor-repeater-item-ef1e55c\">\n    <div class=\"uc_quote_info \">\n                \n\t  <div class=\"uc_author\">\n                  <div class=\"ue-image\">\n\t        <img decoding=\"async\" class=\"uc_author_avatar\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/f1f90db9b5bfb30062678d724c2a3ba6dc42110f3b61264ac95ef19dc7cdc25a.png\" height=\"48\" width=\"48\" alt=\"\" \/>\n          <\/div>\n          <div class=\"ue-image-spacing\"><\/div>\n                          \n\t\t<div class=\"uc_author_info\">\n\t\t  <div class=\"ue_title\">Jan<\/div>\t\t  <div class=\"ue_subtitle\">Australia<\/div>\t\t<\/div>\n        \n\t  <\/div>      <!-- end of credentials -->\n              \n              <div class=\"ue-text\">\n          <p><div class=\"ue-text\"><div class=\"d-flex\"> <span class=\"trustpilot-quote\"> <sup> \u201c<\/sup><\/span><em class=\"p-a-2 text-lg keep-linebreaks\">Easy and safe payment. Great process in terms of of receiving the product.<\/em> <span class=\"m-l-auto d-inline-flex align-items-end\"><span class=\"trustpilot-quote\"><sub> \u201e<\/sub><\/span> <\/span> <\/div>            \n        <\/div><\/p>      \t  \n        <\/div>\n                            \n              <div class=\"uc_stars\">\n          <div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div>                                                                                        <\/div>      \t        \n                    \n\t<\/div>   <\/div>\n<!-- end of block item -->\n\n\t<div class=\"uc_quote_item ue-item     elementor-repeater-item-005e81f\">\n    <div class=\"uc_quote_info \">\n                \n\t  <div class=\"uc_author\">\n                  <div class=\"ue-image\">\n\t        <img loading=\"lazy\" decoding=\"async\" class=\"uc_author_avatar\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/651628133_940420785104238_2308712436982449940_n.jpg\" height=\"48\" width=\"48\" alt=\"\" \/>\n          <\/div>\n          <div class=\"ue-image-spacing\"><\/div>\n                          \n\t\t<div class=\"uc_author_info\">\n\t\t  <div class=\"ue_title\">Marc Robert<\/div>\t\t  <div class=\"ue_subtitle\">New York, USA<\/div>\t\t<\/div>\n        \n\t  <\/div>      <!-- end of credentials -->\n              \n              <div class=\"ue-text\">\n          <p><div class=\"ue-text\"><div class=\"d-flex\"> <span class=\"trustpilot-quote\"> <sup> \u201c<\/sup><\/span><em class=\"p-a-2 text-lg keep-linebreaks\">I felt safe purchasing an more expensive wheel, and would only purchase it on anytime <\/em> <span class=\"m-l-auto d-inline-flex align-items-end\"><span class=\"trustpilot-quote\"><sub> \u201e<\/sub><\/span> <\/span> <\/div>            \n        <\/div><\/p>      \t  \n        <\/div>\n                            \n              <div class=\"uc_stars\">\n          <div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div>                                                                                        <\/div>      \t        \n                    \n\t<\/div>   <\/div>\n<!-- end of block item -->\n\n\t<div class=\"uc_quote_item ue-item     elementor-repeater-item-1d536cf\">\n    <div class=\"uc_quote_info \">\n                \n\t  <div class=\"uc_author\">\n                  <div class=\"ue-image\">\n\t        <img loading=\"lazy\" decoding=\"async\" class=\"uc_author_avatar\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/635263960_122104265901255092_4296540138651023145_n.jpg\" height=\"48\" width=\"48\" alt=\"\" \/>\n          <\/div>\n          <div class=\"ue-image-spacing\"><\/div>\n                          \n\t\t<div class=\"uc_author_info\">\n\t\t  <div class=\"ue_title\">Darrell<\/div>\t\t  <div class=\"ue_subtitle\">Oregon, USA<\/div>\t\t<\/div>\n        \n\t  <\/div>      <!-- end of credentials -->\n              \n              <div class=\"ue-text\">\n          <p><div class=\"ue-text\"><div class=\"d-flex\"> <span class=\"trustpilot-quote\"> <sup> \u201c<\/sup><\/span><em class=\"p-a-2 text-lg keep-linebreaks\">\n               This was a wonderful experience!  The seller was a prompt professional. The wheels fit perfectly.\n            <\/em> <span class=\"m-l-auto d-inline-flex align-items-end\"><span class=\"trustpilot-quote\"><sub> \u201e<\/sub><\/span> <\/span> <\/div>            \n        <\/div><\/p>      \t  \n        <\/div>\n                            \n              <div class=\"uc_stars\">\n          <div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div>                                                                                        <\/div>      \t        \n                    \n\t<\/div>   <\/div>\n<!-- end of block item -->\n\n\t<div class=\"uc_quote_item ue-item     elementor-repeater-item-e4cf2ee\">\n    <div class=\"uc_quote_info \">\n                \n\t  <div class=\"uc_author\">\n                  <div class=\"ue-image\">\n\t        <img loading=\"lazy\" decoding=\"async\" class=\"uc_author_avatar\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/436311358_10211417312183878_4096680240297274844_n.jpg\" height=\"48\" width=\"48\" alt=\"\" \/>\n          <\/div>\n          <div class=\"ue-image-spacing\"><\/div>\n                          \n\t\t<div class=\"uc_author_info\">\n\t\t  <div class=\"ue_title\">Ron<\/div>\t\t  <div class=\"ue_subtitle\">France<\/div>\t\t<\/div>\n        \n\t  <\/div>      <!-- end of credentials -->\n              \n              <div class=\"ue-text\">\n          <p><div class=\"ue-text\"><div class=\"d-flex\"> <span class=\"trustpilot-quote\"> <sup> \u201c<\/sup><\/span><em class=\"p-a-2 text-lg keep-linebreaks\">\n                Had a great experience with the seller, delivery and payment process. ...\n            <\/em> <span class=\"m-l-auto d-inline-flex align-items-end\"><span class=\"trustpilot-quote\"><sub> \u201e<\/sub><\/span> <\/span> <\/div>            \n        <\/div><\/p>      \t  \n        <\/div>\n                            \n              <div class=\"uc_stars\">\n          <div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div>                                                                                        <\/div>      \t        \n                    \n\t<\/div>   <\/div>\n<!-- end of block item -->\n\n\t<div class=\"uc_quote_item ue-item     elementor-repeater-item-f24e155\">\n    <div class=\"uc_quote_info \">\n                \n\t  <div class=\"uc_author\">\n                  <div class=\"ue-image\">\n\t        <img loading=\"lazy\" decoding=\"async\" class=\"uc_author_avatar\" src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/04\/426287961_717705163804286_7849005408431646356_n.jpg\" height=\"48\" width=\"48\" alt=\"\" \/>\n          <\/div>\n          <div class=\"ue-image-spacing\"><\/div>\n                          \n\t\t<div class=\"uc_author_info\">\n\t\t  <div class=\"ue_title\">Zach Bryant<\/div>\t\t  <div class=\"ue_subtitle\">Germany<\/div>\t\t<\/div>\n        \n\t  <\/div>      <!-- end of credentials -->\n              \n              <div class=\"ue-text\">\n          <p><div class=\"ue-text\"><div class=\"d-flex\"> <span class=\"trustpilot-quote\"> <sup> \u201c<\/sup><\/span><em class=\"p-a-2 text-lg keep-linebreaks\">\n               Easy process and fast payment.Very happy with my experience and my purchase \n            <\/em> <span class=\"m-l-auto d-inline-flex align-items-end\"><span class=\"trustpilot-quote\"><sub> \u201e<\/sub><\/span> <\/span> <\/div>            \n        <\/div><\/p>      \t  \n        <\/div>\n                            \n              <div class=\"uc_stars\">\n          <div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div><div class=\"ue_rate\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0,0,256,256\" width=\"48px\" height=\"48px\" fill-rule=\"nonzero\"><g fill=\"none\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(5.33333,5.33333)\"><path d=\"M45.023,18.995h-16.032l-4.952,-15.258l-4.968,15.259l-16.032,-0.016l12.984,9.44l-4.968,15.243l12.984,-9.424l12.968,9.424l-4.952,-15.243z\" fill=\"#adbcdc\"><\/path><path d=\"M33.169,31.871l-1.114,-3.451l-8.016,5.819z\" fill=\"#434e64\"><\/path><\/g><\/g><\/svg><\/div>                                                                                        <\/div>      \t        \n                    \n\t<\/div>   <\/div>\n<!-- end of block item -->\n\n    <\/div>\t\t\n    <!-- end carousel type owl -->\n\n  <!-- carousel type marquee -->\n    <!-- end carousel type marquee -->\n\n  <!-- carousel type coverflow -->\n    <!-- end carousel type coverflow -->\n\n  <!-- carousel type swipe -->\n    <!-- end carousel type swipe -->\n\n  <!-- carousel type grid -->\n    <!-- end carousel type grid -->\n\n<\/div>\n<!-- end Testimonial Carousel -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eabb09d e-flex e-con-boxed e-con e-parent\" data-id=\"eabb09d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f007ad elementor-widget elementor-widget-heading\" data-id=\"7f007ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wheel Front\u00ae Magazine<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34115e2 elementor-widget elementor-widget-html\" data-id=\"34115e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n  =======================================================================\n  AUTOMOTIVE NEWS SECTION (DARK MODE)\n  =======================================================================\n-->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Wix+Madefor+Text:wght@400;500;600;700;800&family=Inter:wght@400;600;700&display=swap');\n\n  \/* ==========================================================================\n     AUTOMOTIVE NEWS SECTION STYLES\n     ========================================================================== *\/\n  .wf-news-wrapper {\n    --wf-accent: #3b82f6; \/* Enterprise Blue *\/\n    --wf-bg: transparent; \/* Inherit from marketplace *\/\n    --wf-card-bg: transparent; \/* Flat modern design *\/\n    --wf-text-main: #ffffff;\n    --wf-text-body: #E1E4EB;\n    --wf-text-muted: #94a3b8;\n    --wf-border: rgba(255, 255, 255, 0.05);\n    --wf-border-hover: rgba(255, 255, 255, 0.15);\n    \n    font-family: 'Wix Madefor Text', 'Inter', sans-serif;\n    color: var(--wf-text-body);\n    padding: 60px 20px;\n    box-sizing: border-box;\n    width: 100%;\n    background-color: var(--wf-bg);\n  }\n\n  .wf-news-wrapper * { box-sizing: border-box; }\n  .wf-news-wrapper a { text-decoration: none; color: inherit; display: block; transition: all 0.3s ease; }\n\n  .wf-news-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n  }\n\n  \/* Main Section Headings *\/\n  .wf-main-heading {\n    font-size: 24px;\n    font-weight: 500;\n    color: var(--wf-text-main);\n    margin: 0 0 30px 0;\n    display: inline-block;\n  }\n\n  \/* 4-Column Grid Layout *\/\n  .wf-article-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  \/* Card Styles *\/\n  .wf-card {\n    background: var(--wf-card-bg);\n    border: none;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .wf-card:hover .wf-card-img {\n    opacity: 0.85;\n  }\n\n  .wf-card-img {\n    width: 100%;\n    aspect-ratio: 3 \/ 2;\n    object-fit: cover;\n    margin-bottom: 16px;\n    border-radius: 8px;\n    background-color: #1e293b;\n    transition: opacity 0.3s ease;\n  }\n\n  .wf-card-content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n\n  .wf-card-tag {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--wf-text-muted);\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .wf-card-title {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.4;\n    letter-spacing: -0.01em;\n    margin: 0 0 16px 0;\n    color: var(--wf-text-main);\n  }\n\n  .wf-card-meta {\n    font-size: 12px;\n    font-weight: 400;\n    color: var(--wf-text-muted);\n    margin-top: auto; \n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  \/* Modern Button *\/\n  .wf-buttons-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-top: 50px;\n  }\n\n  .wf-btn-magazine {\n    font-family: 'Wix Madefor Text', sans-serif;\n    padding: 10px 24px;\n    font-size: 14px;\n    font-weight: 400;\n    cursor: pointer;\n    border-radius: 6px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    background-color: transparent;\n    color: var(--wf-text-main) !important;\n    text-align: center;\n    display: inline-block;\n    transition: all 0.3s ease;\n  }\n\n  .wf-btn-magazine:hover { \n    background-color: rgba(255, 255, 255, 0.05);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  \/* Loader *\/\n  .wf-loader {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 40px 0;\n    font-weight: 700;\n    color: var(--wf-text-muted);\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width: 1024px) {\n    .wf-article-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }\n  }\n\n  @media (max-width: 768px) {\n    .wf-article-grid { grid-template-columns: repeat(2, 1fr); }\n    .wf-main-heading { font-size: 28px; }\n  }\n  \n  @media (max-width: 480px) {\n    .wf-article-grid { grid-template-columns: 1fr; }\n    .wf-btn-magazine { width: 100%; }\n  }\n<\/style>\n\n<section class=\"wf-news-wrapper\">\n  <div class=\"wf-news-container\">\n    \n\n    <!-- DYNAMIC 4-COLUMN GRID -->\n    <div class=\"wf-article-grid\" id=\"wf-news-grid\">\n        \n        <!-- Loading State before JS runs -->\n        <div class=\"wf-loader\" id=\"wf-news-initial-loader\">\n            Loading Latest Automotive News...\n        <\/div>\n\n    <\/div>\n\n    <!-- BUTTONS -->\n    <div class=\"wf-buttons-wrapper\">\n      <a href=\"https:\/\/wheelfront.com\/magazine\/\" class=\"wf-btn-magazine\">To the magazine<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ==========================================================================\n     JAVASCRIPT: Fetches WP Posts dynamically via REST API\n     ========================================================================== -->\n<script>\n  \/\/ Configuration\n  const wfApiUrl = 'https:\/\/wheelfront.com\/wp-json\/wp\/v2\/posts?_embed';\n  let wfCurrentPage = 1;\n  const wfPostsPerPage = 4; \/\/ Fetch 4 posts at a time to match design\n\n  \/\/ Helper: Format relative time ago (e.g. \"1 Month Ago\")\n  function timeSince(dateString) {\n    const date = new Date(dateString);\n    const seconds = Math.floor((new Date() - date) \/ 1000);\n    let interval = seconds \/ 31536000;\n    \n    if (interval > 1) return Math.floor(interval) + \" Year\" + (Math.floor(interval) > 1 ? \"s\" : \"\") + \" Ago\";\n    interval = seconds \/ 2592000;\n    if (interval > 1) return Math.floor(interval) + \" Month\" + (Math.floor(interval) > 1 ? \"s\" : \"\") + \" Ago\";\n    interval = seconds \/ 86400;\n    if (interval > 1) return Math.floor(interval) + \" Day\" + (Math.floor(interval) > 1 ? \"s\" : \"\") + \" Ago\";\n    interval = seconds \/ 3600;\n    if (interval > 1) return Math.floor(interval) + \" Hour\" + (Math.floor(interval) > 1 ? \"s\" : \"\") + \" Ago\";\n    interval = seconds \/ 60;\n    if (interval > 1) return Math.floor(interval) + \" Minute\" + (Math.floor(interval) > 1 ? \"s\" : \"\") + \" Ago\";\n    return \"Just Now\";\n  }\n\n  \/\/ Helper: Extract safe data from the raw WP JSON object\n  function parseWpPost(post) {\n    let imageUrl = 'https:\/\/images.unsplash.com\/photo-1583121274602-3e2820c69888?auto=format&fit=crop&w=600&q=80'; \n    if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0].source_url) {\n        imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n    }\n\n    let category = 'Guide';\n    if (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]) {\n        category = post._embedded['wp:term'][0][0].name;\n    }\n    \n    return {\n        id: post.id,\n        title: post.title.rendered,\n        link: post.link,\n        image: imageUrl,\n        timeAgo: timeSince(post.date),\n        category: category\n    };\n  }\n\n  \/\/ Initial Fetch on Page Load\n  document.addEventListener(\"DOMContentLoaded\", async () => {\n      try {\n          const response = await fetch(`${wfApiUrl}&per_page=${wfPostsPerPage}&page=${wfCurrentPage}`);\n          if (!response.ok) throw new Error('Network response was not ok');\n          \n          const posts = await response.json();\n          document.getElementById('wf-news-initial-loader').style.display = 'none';\n          \n          if(posts && posts.length > 0) {\n              renderPosts(posts);\n          }\n      } catch (error) {\n          console.error(\"Failed to load news:\", error);\n          document.getElementById('wf-news-initial-loader').innerText = 'FAILED TO LOAD LATEST NEWS.';\n      }\n  });\n\n  \/\/ Render posts into the uniform 4-column grid\n  function renderPosts(posts) {\n      const gridContainer = document.getElementById('wf-news-grid');\n      \n      posts.forEach(rawPost => {\n          const p = parseWpPost(rawPost);\n          \n          const cardHtml = `\n            <a href=\"${p.link}\" class=\"wf-card\">\n              <img decoding=\"async\" src=\"${p.image}\" alt=\"${p.title}\" class=\"wf-card-img\">\n              <div class=\"wf-card-content\">\n                <span class=\"wf-card-tag\">${p.category}<\/span>\n                <h3 class=\"wf-card-title\">${p.title}<\/h3>\n                <span class=\"wf-card-meta\">\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"margin-right: 4px;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                  ${p.timeAgo}\n                <\/span>\n              <\/div>\n            <\/a>\n          `;\n          \n          gridContainer.insertAdjacentHTML('beforeend', cardHtml);\n      });\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e2addd e-flex e-con-boxed e-con e-parent\" data-id=\"3e2addd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bf5661c e-con-full e-flex e-con e-child\" data-id=\"bf5661c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf597b7 elementor-widget elementor-widget-heading\" data-id=\"cf597b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wheel Front\u00ae Facts &amp; Figures\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93e2cfb e-con-full e-flex e-con e-child\" data-id=\"93e2cfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ca74730 e-con-full e-flex e-con e-child\" data-id=\"ca74730\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b84c35a elementor-widget elementor-widget-icon-box\" data-id=\"b84c35a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t8\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tYears in Aftermarket Wheel Industry\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32797f9 e-con-full e-flex e-con e-child\" data-id=\"32797f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-564c28f elementor-widget elementor-widget-icon-box\" data-id=\"564c28f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t500+\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tVerified Dealers Worldwide\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e00d6e e-con-full e-flex e-con e-child\" data-id=\"8e00d6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fdee3 elementor-widget elementor-widget-icon-box\" data-id=\"d1fdee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEscrow\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tSeller &amp; Buyer Protection \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70a2b84 e-con-full e-flex e-con e-child\" data-id=\"70a2b84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ee75c49 e-con-full e-flex e-con e-child\" data-id=\"ee75c49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2b9ea4 elementor-widget elementor-widget-icon-box\" data-id=\"a2b9ea4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t1.5M+\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tCustomers Served Annually\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45d306e e-con-full e-flex e-con e-child\" data-id=\"45d306e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79f3194 elementor-widget elementor-widget-icon-box\" data-id=\"79f3194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t18K+\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAftermarket Wheels Builds \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44d534f e-con-full e-flex e-con e-child\" data-id=\"44d534f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a50d931 elementor-widget elementor-widget-icon-box\" data-id=\"a50d931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFitment\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLargest Fitment Database\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6401d93 e-flex e-con-boxed e-con e-parent\" data-id=\"6401d93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f80fda elementor-widget elementor-widget-html\" data-id=\"2f80fda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n  =======================================================================\n  WHEEL FRONT: PARTNERS & TRUST SECTION (DARK THEME SLIDER)\n  - Transparent section background to blend with your dark theme.\n  - 1-line infinite CSS marquee (slide effect scroll).\n  - Subtle glass cards so colored logos remain visible on dark backgrounds.\n  =======================================================================\n-->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n    \/* ==========================================================================\n       WRAPPER & TYPOGRAPHY\n       ========================================================================== *\/\n    .wf-partners-wrapper {\n        \/* Transparent background to inherit your dark Elementor section *\/\n        background-color: transparent; \n        padding: 40px 20px 40px 20px;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        text-align: center;\n        \n        \/* === SAFE FULL WIDTH BREAKOUT === *\/\n        width: 100vw !important;\n        max-width: 100vw !important;\n        position: relative !important;\n        left: calc(-50vw + 50%) !important;\n        right: auto !important;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n        box-sizing: border-box !important;\n        overflow-x: hidden !important;\n    }\n\n    .wf-partners-wrapper * {\n        box-sizing: border-box;\n    }\n\n    .wf-partners-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .wf-partners-heading {\n        font-family: 'Inter', sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n        color: #ffff; \/* Muted slate gray for dark theme *\/\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        margin: 0 0 12px 0; \n    }\n\n    \/* ==========================================================================\n       SOCIAL PROOF (AVATARS + TEXT)\n       ========================================================================== *\/\n    .wf-partners-social-proof {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        margin-bottom: 32px; \n        font-size: 13px; \n        font-weight: 500;\n        color: #ffffff; \/* Bright white text for dark background *\/\n    }\n\n    .wf-partners-avatars {\n        display: flex;\n        align-items: center;\n    }\n\n    .wf-partners-avatars img {\n        width: 30px  !important; \n        height: 30px  !important; \n        border-radius: 50%;\n        \/* Dark border to separate overlapping avatars *\/\n        border: 2px solid #0f172a; \n        object-fit: cover;\n        margin-left: -8px; \n        box-shadow: 0 2px 4px rgba(0,0,0,0.3);\n    }\n\n    .wf-partners-avatars img:first-child {\n        margin-left: 0;\n    }\n\n    \/* ==========================================================================\n       1-LINE INFINITE SLIDER (MARQUEE)\n       ========================================================================== *\/\n    .wf-partners-slider {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        \/* Optional: Fading gradient edges for a sleek fade-in\/fade-out look *\/\n        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n    }\n\n    .wf-partners-track {\n        display: flex;\n        align-items: center;\n        width: max-content;\n        gap: 24px;\n        \/* 40s determines the speed. Increase to slow down, decrease to speed up *\/\n        animation: slideScroll 40s linear infinite;\n    }\n\n    \/* Pause the slider when a user hovers over it *\/\n    .wf-partners-track:hover {\n        animation-play-state: paused;\n    }\n\n    @keyframes slideScroll {\n        0% {\n            transform: translateX(0);\n        }\n        100% {\n            \/* Moves the track exactly 50% left (1 full set of logos + gap) *\/\n            transform: translateX(calc(-50% - 12px)); \n        }\n    }\n\n    \/* ==========================================================================\n       LOGO CARDS (GLASS EFFECT)\n       ========================================================================== *\/\n    .wf-partner-logo {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 56px; \n        width: 140px; \n        padding: 8px 16px; \n        border-radius: 8px;\n        \n        \/* Subtle semi-transparent white background so colored logos are visible *\/\n        background-color: #ffff; \n        border: 1px solid rgba(255, 255, 255, 0.08);\n        backdrop-filter: blur(4px);\n        transition: all 0.3s ease;\n    }\n\n    .wf-partner-logo img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      \n        transition: opacity 0.3s ease;\n    }\n\n    .wf-partner-logo:hover {\n        background-color: #ffff; \/* Brightens on hover *\/\n        border-color: rgba(255, 255, 255, 0.15);\n        transform: scale(1.05);\n    }\n\n   \n\n    \/* ==========================================================================\n       RESPONSIVE ADJUSTMENTS\n       ========================================================================== *\/\n    @media (max-width: 768px) {\n        .wf-partners-wrapper {\n            padding: 32px 16px 32px 16px;\n        }\n        .wf-partner-logo {\n            width: 120px;\n            height: 48px;\n            padding: 6px 12px;\n        }\n        .wf-partners-track {\n            gap: 16px;\n            animation: slideScroll 30s linear infinite; \/* Slightly faster on mobile *\/\n        }\n        @keyframes slideScroll {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(calc(-50% - 8px)); }\n        }\n    }\n\n    @media (max-width: 480px) {\n        .wf-partners-social-proof {\n            flex-direction: column;\n            gap: 8px;\n            text-align: center;\n        }\n    }\n<\/style>\n\n<section class=\"wf-partners-wrapper\">\n    <div class=\"wf-partners-container\">\n        \n        <!-- Header & Social Proof -->\n        <h4 class=\"wf-partners-heading\"> Powered by the industry's leading enterprises<\/h4>\n        \n        <div class=\"wf-partners-social-proof\">\n            <div class=\"wf-partners-avatars\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=64&h=64&q=80\" alt=\"User\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=64&h=64&q=80\" alt=\"User\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=64&h=64&q=80\" alt=\"User\">\n            <\/div>\n            <span>Trusted by over 500+ Dealers & Brands Globally<\/span>\n        <\/div>\n\n        <!-- 1-Line Infinite Slider -->\n        <div class=\"wf-partners-slider\">\n            <div class=\"wf-partners-track\">\n                \n                <!-- === GROUP 1 (Original Logos) === -->\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"Wheel Size\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Fitment Industry\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Parts Authority\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/4.png\" alt=\"Motor State\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/5.png\" alt=\"Air Wallex\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/6.png\" alt=\"Didit\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/8.png\" alt=\"BBS\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/9.png\" alt=\"RAYS\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/10.png\" alt=\"HRE\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/11.png\" alt=\"Enkei\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/12.png\" alt=\"Apex\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/13.png\" alt=\"ForgeStar\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/14.png\" alt=\"Vossen\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/15.png\" alt=\"FUEL\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/16.png\" alt=\"American Racing\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/17.png\" alt=\"WELD\"><\/div>\n\n                <!-- === GROUP 2 (Exact Duplicate for Seamless Looping) === -->\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"Wheel Size\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Fitment Industry\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"Parts Authority\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/4.png\" alt=\"Motor State\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/5.png\" alt=\"Air Wallex\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/6.png\" alt=\"Didit\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/8.png\" alt=\"BBS\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/9.png\" alt=\"RAYS\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/10.png\" alt=\"HRE\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/11.png\" alt=\"Enkei\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/12.png\" alt=\"Apex\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/13.png\" alt=\"ForgeStar\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/14.png\" alt=\"Vossen\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/15.png\" alt=\"FUEL\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/16.png\" alt=\"American Racing\"><\/div>\n                <div class=\"wf-partner-logo\"><img decoding=\"async\" src=\"https:\/\/wheelfront.com\/wp-content\/uploads\/2026\/03\/17.png\" alt=\"WELD\"><\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1. Find your dream wheel 2. Pay via a secure escrow account 3. Receive and inspect your wheel 4. Only then will the seller receive payment Our Recommendations for You Standard Fitment GB United Kingdom This seller is from London, United Kingdom. Verified Black Rhino Alston 123456 17&#215;6.5 5&#215;108 ET +47 Purple \u2713 Fitment: 2016 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace<\/title>\n<meta name=\"description\" content=\"Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace. Buy &amp; Sell like a professional. Turn your wheels into profit.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wheelfront.com\/marketplace\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Wheel Front Marketplace\" \/>\n<meta property=\"og:description\" content=\"Home - Wheel Front Marketplace . Buy &amp; Sell Wheels like a professional. Turn your wheels into profit in the largest marketplace.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wheelfront.com\/marketplace\/\" \/>\n<meta property=\"og:site_name\" content=\"Wheel Front Marketplace\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wheelfront\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T13:23:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/\",\"url\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/\",\"name\":\"Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/whee.png\",\"datePublished\":\"2026-02-09T13:28:43+00:00\",\"dateModified\":\"2026-06-08T13:23:30+00:00\",\"description\":\"Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace. Buy & Sell like a professional. Turn your wheels into profit.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/whee.png\",\"contentUrl\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/whee.png\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#website\",\"url\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/\",\"name\":\"Wheel Front Marketplace\",\"description\":\"OEM &amp; Aftermarket Wheel Marketplace\",\"publisher\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#organization\"},\"alternateName\":\"Wheel Front Marketplace\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#organization\",\"name\":\"Wheel Front\",\"url\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Untitled-design-13.png\",\"contentUrl\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Untitled-design-13.png\",\"width\":500,\"height\":500,\"caption\":\"Wheel Front\"},\"image\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wheelfront\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/wheel-front-4a65a93a2\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCl-Wgoq8L-YovGmjMLGKwgg\\\/videos\",\"https:\\\/\\\/instagram.com\\\/wheel_front\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/wheelfront\\\/\"],\"description\":\"Wheel Front was established in 2018, fully concentrate on OEM & Aftermarket Wheel Marketplace, Auto Parts and Automotive industry.\",\"email\":\"info@wheelfront.com\",\"telephone\":\"+1 (307) 333-9930\",\"legalName\":\"Wheel Front Ltd. Liability Company\",\"foundingDate\":\"2024-12-02\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace","description":"Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace. Buy & Sell like a professional. Turn your wheels into profit.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wheelfront.com\/marketplace\/","og_locale":"en_US","og_type":"article","og_title":"Home - Wheel Front Marketplace","og_description":"Home - Wheel Front Marketplace . Buy & Sell Wheels like a professional. Turn your wheels into profit in the largest marketplace.","og_url":"https:\/\/wheelfront.com\/marketplace\/","og_site_name":"Wheel Front Marketplace","article_publisher":"https:\/\/www.facebook.com\/wheelfront\/","article_modified_time":"2026-06-08T13:23:30+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wheelfront.com\/marketplace\/","url":"https:\/\/wheelfront.com\/marketplace\/","name":"Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace","isPartOf":{"@id":"https:\/\/wheelfront.com\/marketplace\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wheelfront.com\/marketplace\/#primaryimage"},"image":{"@id":"https:\/\/wheelfront.com\/marketplace\/#primaryimage"},"thumbnailUrl":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee.png","datePublished":"2026-02-09T13:28:43+00:00","dateModified":"2026-06-08T13:23:30+00:00","description":"Wheel Front Marketplace - OEM &amp; Aftermarket Wheel Marketplace. Buy & Sell like a professional. Turn your wheels into profit.","breadcrumb":{"@id":"https:\/\/wheelfront.com\/marketplace\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wheelfront.com\/marketplace\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wheelfront.com\/marketplace\/#primaryimage","url":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee.png","contentUrl":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/whee.png","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/wheelfront.com\/marketplace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wheelfront.com\/marketplace\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/wheelfront.com\/marketplace\/#website","url":"https:\/\/wheelfront.com\/marketplace\/","name":"Wheel Front Marketplace","description":"OEM &amp; Aftermarket Wheel Marketplace","publisher":{"@id":"https:\/\/wheelfront.com\/marketplace\/#organization"},"alternateName":"Wheel Front Marketplace","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wheelfront.com\/marketplace\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wheelfront.com\/marketplace\/#organization","name":"Wheel Front","url":"https:\/\/wheelfront.com\/marketplace\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wheelfront.com\/marketplace\/#\/schema\/logo\/image\/","url":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/05\/Untitled-design-13.png","contentUrl":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/05\/Untitled-design-13.png","width":500,"height":500,"caption":"Wheel Front"},"image":{"@id":"https:\/\/wheelfront.com\/marketplace\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wheelfront\/","https:\/\/www.linkedin.com\/in\/wheel-front-4a65a93a2\/","https:\/\/www.youtube.com\/channel\/UCl-Wgoq8L-YovGmjMLGKwgg\/videos","https:\/\/instagram.com\/wheel_front\/","https:\/\/www.pinterest.com\/wheelfront\/"],"description":"Wheel Front was established in 2018, fully concentrate on OEM & Aftermarket Wheel Marketplace, Auto Parts and Automotive industry.","email":"info@wheelfront.com","telephone":"+1 (307) 333-9930","legalName":"Wheel Front Ltd. Liability Company","foundingDate":"2024-12-02","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}}]}},"_links":{"self":[{"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":3,"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":2474,"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages\/83\/revisions\/2474"}],"wp:attachment":[{"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}