{"id":132,"date":"2026-02-10T09:58:21","date_gmt":"2026-02-10T09:58:21","guid":{"rendered":"https:\/\/wheelfront.teeztech.com\/?page_id=132"},"modified":"2026-05-10T04:33:47","modified_gmt":"2026-05-10T04:33:47","slug":"all-listing","status":"publish","type":"page","link":"https:\/\/wheelfront.com\/marketplace\/all-listing\/","title":{"rendered":"Wheel Marketplace"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"132\" class=\"elementor elementor-132\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f808e1 e-flex e-con-boxed e-con e-parent\" data-id=\"2f808e1\" 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-06f1dea elementor-widget elementor-widget-shortcode\" data-id=\"06f1dea\" 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 class=\"wf-marketplace-controls\">\n            <!-- Top Horizontal Bar -->\n            <div class=\"wf-marketplace-top-bar\">\n                <div class=\"wf-top-bar-left\">\n                    <button type=\"button\" class=\"wf-filter-drawer-toggle\">\n                        <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\" \/><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\" \/>\n                            <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\" \/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\" \/>\n                            <line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\" \/><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\" \/>\n                            <line x1=\"2\" y1=\"14\" x2=\"6\" y2=\"14\" \/><line x1=\"10\" y1=\"8\" x2=\"14\" y2=\"8\" \/><line x1=\"18\" y1=\"16\" x2=\"22\" y2=\"16\" \/>\n                        <\/svg>\n                        Filter <span class=\"wf-filter-count-badge\" style=\"display:none;\">0<\/span>\n                    <\/button>\n\n                    <!-- Quick Chips -->\n                    <div class=\"wf-quick-chips\">\n                        <button type=\"button\" class=\"wf-quick-chip\" data-filter=\"wf_condition\" data-value=\"New\">New<\/button>\n                        <button type=\"button\" class=\"wf-quick-chip\" data-filter=\"wf_condition\" data-value=\"Used\">Used<\/button>\n                        <button type=\"button\" class=\"wf-quick-chip\" data-filter=\"wf_verified_only\" data-value=\"1\">Verified Sellers<\/button>\n                        <button type=\"button\" class=\"wf-quick-chip\" data-filter=\"wf_intl_shipping\" data-value=\"1\">International Shipping<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wf-top-bar-right\">\n                                        <div class=\"wf-results-count\">Showing 7 listings<\/div>\n                    <div class=\"wf-sort-wrapper\">\n                        <span class=\"wf-sort-label\">Sort by<\/span>\n                        <select id=\"wf_sort_top\" class=\"wf-sort-select\">\n                            <option value=\"best_match\">Best Match<\/option>\n                            <option value=\"date_desc\">Newest<\/option>\n                            <option value=\"price_asc\">Price: Low to High<\/option>\n                            <option value=\"price_desc\">Price: High to Low<\/option>\n                            <option value=\"distance\">Distance: Nearest First<\/option>\n                            <option value=\"trending\">Trending<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Active Tags Row -->\n            <div class=\"wf-active-tags-row\" style=\"display:none;\">\n                <!-- Tags populated via JS -->\n            <\/div>\n\n            <!-- Off-canvas Drawer -->\n            <div class=\"wf-filter-drawer-overlay\"><\/div>\n            <div class=\"wf-filter-drawer\">\n                <div class=\"wf-drawer-header\">\n                    <h3>All Filters<\/h3>\n                    <button type=\"button\" class=\"wf-drawer-close\">&times;<\/button>\n                <\/div>\n                \n                <form id=\"wf-marketplace-filter-form\">\n                    <!-- Persistent Search Context -->\n                    <input type=\"hidden\" name=\"wf_adv_search\" value=\"\">\n                    <input type=\"hidden\" name=\"wf_search_type\" value=\"\">\n                    <input type=\"hidden\" name=\"wf_year\" value=\"\">\n                    <input type=\"hidden\" name=\"wf_make\" value=\"\">\n                    <input type=\"hidden\" name=\"wf_model\" value=\"\">\n                    <input type=\"hidden\" name=\"wf_offset\" value=\"\">\n\n                    <div class=\"wf-drawer-content\">\n                        <!-- Brand & Model -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Wheel Brand<\/h2>\n                            <select name=\"wf_brand\" id=\"wf_filter_brand\" class=\"wf-select2-ajax\">\n                                <option value=\"\">All Brands<\/option>\n                                                            <\/select>\n                        <\/div>\n\n\n\n                        <div class=\"wf-filter-section\">\n                            <h2>Wheel Model<\/h2>\n                            <select name=\"wf_wheel_model\" id=\"wf_filter_model\" class=\"wf-select2-ajax\" disabled>\n                                <option value=\"\">All Models<\/option>\n                                                            <\/select>\n                        <\/div>\n\n                        <!-- Price Range -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Price Range ($)<\/h2>\n                            <div class=\"wf-range-inputs\">\n                                <input type=\"number\" name=\"wf_min_price\" placeholder=\"Min\" min=\"0\" value=\"\">\n                                <input type=\"number\" name=\"wf_max_price\" placeholder=\"Max\" min=\"0\" value=\"\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bolt Pattern -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Bolt Pattern (PCD)<\/h2>\n                            <div class=\"wf-checkbox-group scrollable\">\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"3x112\" > 3x112<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x98\" > 4x98<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x100\" > 4x100<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x101.6\" > 4x101.6<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x108\" > 4x108<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x110\" > 4x110<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x114.3\" > 4x114.3<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x115\" > 4x115<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x136\" > 4x136<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"4x156\" > 4x156<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x98\" > 5x98<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x100\" > 5x100<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x105\" > 5x105<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x108\" > 5x108<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x110\" > 5x110<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x112\" > 5x112<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x114.3\" > 5x114.3<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x115\" > 5x115<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x120\" > 5x120<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x120.65\" > 5x120.65<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x127\" > 5x127<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x130\" > 5x130<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x135\" > 5x135<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x139.7\" > 5x139.7<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x150\" > 5x150<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x160\" > 5x160<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"5x165.1\" > 5x165.1<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"6x114.3\" > 6x114.3<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"6x127\" > 6x127<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"6x135\" > 6x135<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"6x139.7\" > 6x139.7<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"8x165.1\" > 8x165.1<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"8x170\" > 8x170<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_pcd[]\" value=\"8x180\" > 8x180<\/label>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Diameter -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Diameter<\/h2>\n                            <div class=\"wf-checkbox-group scrollable\">\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"13\" > 13\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"14\" > 14\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"15\" > 15\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"16\" > 16\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"17\" > 17\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"18\" > 18\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"19\" > 19\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"20\" > 20\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"21\" > 21\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"22\" > 22\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"23\" > 23\"<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_diameter[]\" value=\"24\" > 24\"<\/label>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Condition -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Condition<\/h2>\n                            <div class=\"wf-checkbox-group\">\n                                                 <label><input type=\"checkbox\" name=\"wf_condition[]\" value=\"New\" > New<\/label>\n                                                 <label><input type=\"checkbox\" name=\"wf_condition[]\" value=\"Like New\" > Like new<\/label>\n                                                 <label><input type=\"checkbox\" name=\"wf_condition[]\" value=\"Very Good\" > Used (Very Good)<\/label>\n                                                 <label><input type=\"checkbox\" name=\"wf_condition[]\" value=\"Good\" > Used (good)<\/label>\n                                                 <label><input type=\"checkbox\" name=\"wf_condition[]\" value=\"Fair\" > Used (Fair)<\/label>\n                                                 <label><input type=\"checkbox\" name=\"wf_condition[]\" value=\"Damaged\" > For Refinishing \/ Damaged<\/label>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Quantity -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Quantity<\/h2>\n                            <div class=\"wf-checkbox-group\">\n                                                                    <label><input type=\"checkbox\" name=\"wf_quantity[]\" value=\"4\" > Set of 4<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_quantity[]\" value=\"5\" > Set of 5<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_quantity[]\" value=\"2\" > Pair (2)<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_quantity[]\" value=\"1\" > Single Wheel<\/label>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Finish \/ Color -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Finish \/ Color<\/h2>\n                            <div class=\"wf-checkbox-group scrollable\">\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Black\" > Black<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Blue\" > Blue<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Bronze\/Tan\" > Bronze\/Tan<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Brushed\" > Brushed<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Chrome\" > Chrome<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Gold\" > Gold<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Gray\/Silver\" > Gray\/Silver<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Green\" > Green<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Gunmetal\" > Gunmetal<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Orange\" > Orange<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"PVD Chrome\" > PVD Chrome<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Pink\" > Pink<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Polished\" > Polished<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Purple\" > Purple<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Raw\" > Raw<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Red\" > Red<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"White\" > White<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_finish[]\" value=\"Yellow\" > Yellow<\/label>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Structure -->\n                        <div class=\"wf-filter-section\">\n                            <h2>Structure<\/h2>\n                            <div class=\"wf-checkbox-group\">\n                                                                    <label><input type=\"checkbox\" name=\"wf_structure[]\" value=\"Cast\" > Cast<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_structure[]\" value=\"Flow Formed (Rotary Forged)\" > Flow Formed (Rotary Forged)<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_structure[]\" value=\"Forged One-Piece\" > Forged One-Piece<\/label>\n                                                                    <label><input type=\"checkbox\" name=\"wf_structure[]\" value=\"Forged Multi-Piece\" > Forged Multi-Piece<\/label>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- Toggles -->\n                        <div class=\"wf-filter-section no-border\">\n                            <label class=\"wf-toggle-filter\">\n                                <input type=\"checkbox\" name=\"wf_intl_shipping\" value=\"1\" >\n                                <span class=\"slider\"><\/span>\n                                <span class=\"label-text\">International Shipping Available<\/span>\n                            <\/label>\n                            <label class=\"wf-toggle-filter\">\n                                <input type=\"checkbox\" name=\"wf_verified_only\" value=\"1\" >\n                                <span class=\"slider\"><\/span>\n                                <span class=\"label-text\">Verified Sellers Only<\/span>\n                            <\/label>\n                            <label class=\"wf-toggle-filter\">\n                                <input type=\"checkbox\" name=\"wf_has_tires\" id=\"wf_toggle_tires\" value=\"1\" >\n                                <span class=\"slider\"><\/span>\n                                <span class=\"label-text\">Tires Included?<\/span>\n                            <\/label>\n                        <\/div>\n\n                        <!-- Tire Condition (Conditional) -->\n                        <div id=\"wf-tire-condition-filter\" class=\"wf-filter-section\" style=\"display:none;\">\n                            <h2>Tire Condition<\/h2>\n                            <div class=\"wf-checkbox-group\">\n                                <label><input type=\"checkbox\" name=\"wf_tire_life[]\" value=\"New\"> New<\/label>\n                                <label><input type=\"checkbox\" name=\"wf_tire_life[]\" value=\"90%\"> > 90% Tread<\/label>\n                                <label><input type=\"checkbox\" name=\"wf_tire_life[]\" value=\"70%\"> > 70% Tread<\/label>\n                                <label><input type=\"checkbox\" name=\"wf_tire_life[]\" value=\"Replacement Needed\"> Burnout Only<\/label>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Advanced Section -->\n                        <div class=\"wf-advanced-toggle-btn\" onclick=\"toggleAdvancedFilters()\">\n                            <span>Advanced Filters<\/span>\n                            <i class=\"dashicons dashicons-arrow-down-alt2\"><\/i>\n                        <\/div>\n\n                        <div id=\"wf-advanced-filters\" style=\"display:none;\">\n                            <!-- Width -->\n                            <div class=\"wf-filter-section\">\n                                <h2>Width (in)<\/h2>\n                                <div class=\"wf-checkbox-group scrollable\">\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"5\" > 5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"5.5\" > 5.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"6\" > 6J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"6.5\" > 6.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"7\" > 7J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"7.5\" > 7.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"8\" > 8J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"8.5\" > 8.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"9\" > 9J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"9.5\" > 9.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"10\" > 10J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"10.5\" > 10.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"11\" > 11J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"11.5\" > 11.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"12\" > 12J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"12.5\" > 12.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"13\" > 13J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"13.5\" > 13.5J<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_width[]\" value=\"14\" > 14J<\/label>\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Offset -->\n                            <div class=\"wf-filter-section\">\n                                <h2>Offset (ET)<\/h2>\n                                <div class=\"wf-range-inputs\">\n                                    <input type=\"number\" name=\"wf_min_offset\" placeholder=\"Min\" value=\"\">\n                                    <input type=\"number\" name=\"wf_max_offset\" placeholder=\"Max\" value=\"\">\n                                <\/div>\n                            <\/div>\n\n                            <!-- Center Bore -->\n                            <div class=\"wf-filter-section\">\n                                <h2>Center Bore (CB)<\/h2>\n                                <input type=\"text\" name=\"wf_cb\" placeholder=\"e.g. 72.56\" value=\"\" style=\"width:100%; padding:10px; border:1px solid #E1E4EB; border-radius:6px;\">\n                            <\/div>\n\n                            <!-- Material -->\n                            <div class=\"wf-filter-section\">\n                                <h2>Material<\/h2>\n                                <div class=\"wf-checkbox-group\">\n                                                                            <label><input type=\"checkbox\" name=\"wf_material[]\" value=\"Aluminum\" > Aluminum<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_material[]\" value=\"Steel\" > Steel<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_material[]\" value=\"Magnesium\" > Magnesium<\/label>\n                                                                            <label><input type=\"checkbox\" name=\"wf_material[]\" value=\"Carbon Fiber\" > Carbon Fiber<\/label>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"wf-drawer-footer\">\n                        <button type=\"reset\" class=\"wf-reset-btn\">Reset All<\/button>\n                        <button type=\"button\" class=\"wf-apply-btn\">Show Results<\/button>\n                    <\/div>\n                <\/form>\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-6ee00ca e-flex e-con-boxed e-con e-parent\" data-id=\"6ee00ca\" 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-d5757b1 elementor-widget elementor-widget-wheelfront_marketplace_grid\" data-id=\"d5757b1\" 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_6a2be0610112c\" data-limit=\"12\"\n                    style=\"font-family: 'Wix Madefor Text', sans-serif; position: relative; width: 100%;\">\n                                        <div class=\"wf-elementor-grid-force wheelfront-grid\">\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 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 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 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 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 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 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\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AU Australia This seller is from Ab duis in nulla sol, Australia. Verified Legendary Wheels LW30 LM224-LM225 19&#215;9 \/ 20&#215;10.5 5&#215;120 ET +29 \/ +30 Polished \u2713 Fitment: 2015 BMW M4, Acura Mdx, BMW 1 Series, BMW 3 Series + others $150 ea \/ $300 pair + $100.00 for shipping Condition: Used (Very Good) AU [&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-132","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wheel Marketplace - Wheel Front Marketplace<\/title>\n<meta name=\"description\" content=\"Wheel Marketplace - Wheel Front Marketplace . Buy &amp; Sell Wheels like a professional. Turn your wheels into profit in the largest marketplace.\" \/>\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\/all-listing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wheel Marketplace - Wheel Front Marketplace\" \/>\n<meta property=\"og:description\" content=\"Wheel Marketplace - 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\/all-listing\/\" \/>\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-05-10T04:33:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/\",\"url\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/\",\"name\":\"Wheel Marketplace - Wheel Front Marketplace\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg\",\"datePublished\":\"2026-02-10T09:58:21+00:00\",\"dateModified\":\"2026-05-10T04:33:47+00:00\",\"description\":\"Wheel Marketplace - Wheel Front Marketplace . Buy & Sell Wheels like a professional. Turn your wheels into profit in the largest marketplace.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg\",\"contentUrl\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg\",\"width\":300,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/all-listing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wheelfront.com\\\/marketplace\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wheel Marketplace\"}]},{\"@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 Marketplace - Wheel Front Marketplace","description":"Wheel Marketplace - Wheel Front Marketplace . Buy & Sell Wheels like a professional. Turn your wheels into profit in the largest marketplace.","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\/all-listing\/","og_locale":"en_US","og_type":"article","og_title":"Wheel Marketplace - Wheel Front Marketplace","og_description":"Wheel Marketplace - Wheel Front Marketplace . Buy & Sell Wheels like a professional. Turn your wheels into profit in the largest marketplace.","og_url":"https:\/\/wheelfront.com\/marketplace\/all-listing\/","og_site_name":"Wheel Front Marketplace","article_publisher":"https:\/\/www.facebook.com\/wheelfront\/","article_modified_time":"2026-05-10T04:33:47+00:00","og_image":[{"url":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wheelfront.com\/marketplace\/all-listing\/","url":"https:\/\/wheelfront.com\/marketplace\/all-listing\/","name":"Wheel Marketplace - Wheel Front Marketplace","isPartOf":{"@id":"https:\/\/wheelfront.com\/marketplace\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wheelfront.com\/marketplace\/all-listing\/#primaryimage"},"image":{"@id":"https:\/\/wheelfront.com\/marketplace\/all-listing\/#primaryimage"},"thumbnailUrl":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg","datePublished":"2026-02-10T09:58:21+00:00","dateModified":"2026-05-10T04:33:47+00:00","description":"Wheel Marketplace - Wheel Front Marketplace . Buy & Sell Wheels like a professional. Turn your wheels into profit in the largest marketplace.","breadcrumb":{"@id":"https:\/\/wheelfront.com\/marketplace\/all-listing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wheelfront.com\/marketplace\/all-listing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wheelfront.com\/marketplace\/all-listing\/#primaryimage","url":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg","contentUrl":"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/03\/pngtree-car-wheel-tires-png-image_3896310-300x300-6.jpg","width":300,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/wheelfront.com\/marketplace\/all-listing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wheelfront.com\/marketplace\/"},{"@type":"ListItem","position":2,"name":"Wheel Marketplace"}]},{"@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\/132","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=132"}],"version-history":[{"count":0,"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"wp:attachment":[{"href":"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}