{"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_wheel_type\" data-value=\"oem\">OEM<\/button>\n                        <button type=\"button\" class=\"wf-quick-chip\" data-filter=\"wf_wheel_type\" data-value=\"aftermarket\">Aftermarket<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"wf-top-bar-right\">\n                                        <div class=\"wf-results-count\">Showing 31 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                        <div class=\"wf-filter-section\">\n                            <h2>Country<\/h2>\n                                                        <select name=\"wf_country\" id=\"wf_filter_country\">\n                                <option value=\"\">All Countries<\/option>\n                                                                    <option value=\"USA\" >USA<\/option>\n                                                                    <option value=\"US\" >United States<\/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_6aeb4527b5e81\" 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\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3738\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/caesar_chrome_24x14_left_white-2.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 24x14, ET -81, 8x6.5, Chrome, New, K14924408243\"\n                    class=\"carousel-img carousel-img-3738\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-24x14-et-81-8x6-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1061540-1-2011-f-150-ford-mcgaughys-suspension-lift-65in-arkon-off-road-caesar-chrome-2-768x432.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 24x14, ET -81, 8x6.5, Chrome, New, K14924408243\"\n                    class=\"carousel-img carousel-img-3738\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-24x14-et-81-8x6-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1327713-1-2017-f-350-super-duty-ford-pmf-level-2in-drop-rear-arkon-off-road-caesar-chrome-2-768x576.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 24x14, ET -81, 8x6.5, Chrome, New, K14924408243\"\n                    class=\"carousel-img carousel-img-3738\"\n                    data-index=\"2\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-24x14-et-81-8x6-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1484036-1-2018-sierra-1500-gmc-slt-zone-suspension-lift-65in-arkon-off-road-caesar-chrome-1-768x575.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 24x14, ET -81, 8x6.5, Chrome, New, K14924408243\"\n                    class=\"carousel-img carousel-img-3738\"\n                    data-index=\"3\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-24x14-et-81-8x6-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1865657-1-2021-f-150-ford-bds-suspension-lift-4in-arkon-off-road-caesar-chrome-2-768x576.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 24x14, ET -81, 8x6.5, Chrome, New, K14924408243\"\n                    class=\"carousel-img carousel-img-3738\"\n                    data-index=\"4\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-24x14-et-81-8x6-5\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3738', -1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3738', 1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3738\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3738\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3738\"\n                            data-index=\"2\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3738\"\n                            data-index=\"3\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3738\"\n                            data-index=\"4\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-24x14-et-81-8x6-5\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ARKON OFF-ROAD Caesar K14924408243<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    24x14                <\/span>\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);\">\n                    8x6.5                <\/span>\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);\">\n                    ET -81                <\/span>\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);\">\n                    Chrome                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 8x6.5, ET&nbsp;-81, 14&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$739<\/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;\">$2,956<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<script>\n    if (typeof window.handleCarouselClick !== 'function') {\n        \/\/ A hidden carousel photo carries data-src rather than src, so it costs\n        \/\/ nothing until the shopper asks for it. This swaps it in on demand.\n        window.wfHydrateImg = function (img) {\n            if (img && img.dataset && img.dataset.src) {\n                img.src = img.dataset.src;\n                img.removeAttribute('data-src');\n            }\n        };\n\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            \/\/ load the one being shown, and the next one, so the following\n            \/\/ click feels instant\n            window.wfHydrateImg(images[newIndex]);\n            window.wfHydrateImg(images[(newIndex + 1) % max]);\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            \/\/ Find the tooltip: check child first, then sibling\n            let tooltip = el.querySelector('.tooltip-content') || el.nextElementSibling;\n            if (!tooltip || !tooltip.classList.contains('tooltip-content')) {\n                \/\/ Fallback: search siblings if el is not the container\n                tooltip = el.parentElement.querySelector('.tooltip-content');\n            }\n\n            if (!tooltip) return;\n\n            \/\/ Close all other tooltips\n            document.querySelectorAll('.tooltip-content').forEach(tt => {\n                if (tt !== tooltip) tt.style.display = 'none';\n            });\n\n            \/\/ Toggle this one\n            const isHidden = (tooltip.style.display === 'none' || tooltip.style.display === '');\n            tooltip.style.display = isHidden ? 'block' : 'none';\n\n            \/\/ Safeguard icon color change\n            const icon = el.querySelector('.loc-icon');\n            if (icon) {\n                icon.style.color = isHidden ? '#2563eb' : 'inherit';\n            }\n        };\n\n        \/\/ Close on outside click\n        document.addEventListener('click', function (e) {\n            if (!e.target.closest('.location-badge-overlay') && !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<\/script>\n<style>\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    .card-image-wrap:hover .carousel-img {\n        transform: scale(1.05);\n    }\n<\/style>\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3730\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/apollo_blackmilled_20x12_6lug_white-2.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Apollo, 20x12, ET -51, 6x5.5, Gloss Black with Milled Spoke Edges, New, K19120208345\"\n                    class=\"carousel-img carousel-img-3730\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-apollo-20x12-et-51-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3023517-1-2013-f-150-ford-lariat-stock-stock-arkon-off-road-apollo-black-milled-1-768x575.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Apollo, 20x12, ET -51, 6x5.5, Gloss Black with Milled Spoke Edges, New, K19120208345\"\n                    class=\"carousel-img carousel-img-3730\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-apollo-20x12-et-51-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3024106-1-2008-silverado-1500-chevrolet-lt-rough-country-suspension-lift-25in-arkon-off-road-apollo-black-milled-1-768x575.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Apollo, 20x12, ET -51, 6x5.5, Gloss Black with Milled Spoke Edges, New, K19120208345\"\n                    class=\"carousel-img carousel-img-3730\"\n                    data-index=\"2\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-apollo-20x12-et-51-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3253714-1-2018-silverado-1500-chevrolet-lt-motofab-leveling-kit-arkon-off-road-apollo-black-milled-1-768x576.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Apollo, 20x12, ET -51, 6x5.5, Gloss Black with Milled Spoke Edges, New, K19120208345\"\n                    class=\"carousel-img carousel-img-3730\"\n                    data-index=\"3\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-apollo-20x12-et-51-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3322189-1-2013-f-150-ford-xlt-rough-country-leveling-kit-arkon-off-road-apollo-black-milled-1-768x576.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Apollo, 20x12, ET -51, 6x5.5, Gloss Black with Milled Spoke Edges, New, K19120208345\"\n                    class=\"carousel-img carousel-img-3730\"\n                    data-index=\"4\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-apollo-20x12-et-51-6x5-5\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3730', -1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3730', 1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3730\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3730\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3730\"\n                            data-index=\"2\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3730\"\n                            data-index=\"3\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3730\"\n                            data-index=\"4\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-apollo-20x12-et-51-6x5-5\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ARKON OFF-ROAD Apollo K19120208345<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    20x12                <\/span>\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);\">\n                    6x5.5                <\/span>\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);\">\n                    ET -51                <\/span>\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);\">\n                    Gloss Black with Milled Spoke Edges                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x5.5, ET&nbsp;-51, 12&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$389<\/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;\">$1,556<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3722\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/talon_satinblack_18x9_6lug_white-2.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 18x9, ET -12, 6x5.5, Satin Black, New, A844189066045\"\n                    class=\"carousel-img carousel-img-3722\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-18x9-et-12-6x5-5-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/2625619-1-2021-2500-ram-power-wagon-stock-anthem-off-road-talon-satin-black-6.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 18x9, ET -12, 6x5.5, Satin Black, New, A844189066045\"\n                    class=\"carousel-img carousel-img-3722\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-18x9-et-12-6x5-5-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/2628071-1-2022-1500-ram-trx-stock-anthem-off-road-talon-gloss-black-6-768x511.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 18x9, ET -12, 6x5.5, Satin Black, New, A844189066045\"\n                    class=\"carousel-img carousel-img-3722\"\n                    data-index=\"2\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-18x9-et-12-6x5-5-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/2703267-1-2016-silverado-1500-chevrolet-lt-rough-country-leveling-kit-anthem-off-road-talon-satin-black-4-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 18x9, ET -12, 6x5.5, Satin Black, New, A844189066045\"\n                    class=\"carousel-img carousel-img-3722\"\n                    data-index=\"3\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-18x9-et-12-6x5-5-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/2720918-1-2019-1500-ram-rebel-readylift-leveling-kit-anthem-off-road-talon-gloss-black-4-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 18x9, ET -12, 6x5.5, Satin Black, New, A844189066045\"\n                    class=\"carousel-img carousel-img-3722\"\n                    data-index=\"4\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-18x9-et-12-6x5-5-2\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3722', -1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3722', 1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3722\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3722\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3722\"\n                            data-index=\"2\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3722\"\n                            data-index=\"3\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3722\"\n                            data-index=\"4\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-18x9-et-12-6x5-5-2\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Talon A844189066045<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    18x9                <\/span>\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);\">\n                    6x5.5                <\/span>\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);\">\n                    ET -12                <\/span>\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);\">\n                    Satin Black                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x5.5, ET&nbsp;-12, 9&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$275<\/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;\">$1,100<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3714\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/talon_bronze_20x10_6lug_white-2.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 20x10, ET -24, 6x135, Bronze, New, A847201063045\"\n                    class=\"carousel-img carousel-img-3714\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-20x10-et-24-6x135\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/2736267-1-2021-f-150-ford-xlt-fabtech-leveling-kit-anthem-off-road-talon-bronze-1-768x527.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 20x10, ET -24, 6x135, Bronze, New, A847201063045\"\n                    class=\"carousel-img carousel-img-3714\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-20x10-et-24-6x135\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/2922303-1-2023-f-150-ford-xlt-motofab-leveling-kit-anthem-off-road-talon-bronze-1-768x576.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 20x10, ET -24, 6x135, Bronze, New, A847201063045\"\n                    class=\"carousel-img carousel-img-3714\"\n                    data-index=\"2\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-20x10-et-24-6x135\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/2924567-1-2023-f-150-ford-xlt-motofab-leveling-kit-anthem-off-road-talon-bronze-1-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 20x10, ET -24, 6x135, Bronze, New, A847201063045\"\n                    class=\"carousel-img carousel-img-3714\"\n                    data-index=\"3\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-20x10-et-24-6x135\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3007495-1-2023-f-150-ford-xlt-zone-suspension-lift-4in-anthem-off-road-talon-bronze-1-768x576.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Talon, 20x10, ET -24, 6x135, Bronze, New, A847201063045\"\n                    class=\"carousel-img carousel-img-3714\"\n                    data-index=\"4\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-20x10-et-24-6x135\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3714', -1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3714', 1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3714\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3714\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3714\"\n                            data-index=\"2\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3714\"\n                            data-index=\"3\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3714\"\n                            data-index=\"4\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-talon-20x10-et-24-6x135\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Talon A847201063045<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    20x10                <\/span>\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);\">\n                    6x135                <\/span>\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);\">\n                    ET -24                <\/span>\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);\">\n                    Bronze                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x135, ET&nbsp;-24, 10&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$325<\/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;\">$1,300<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3706\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/revenger_satinblack_20x10_56lug_white-2.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Revenger, 20x10, ET -25, 6x135, Satin Black, New, A904201063049D\"\n                    class=\"carousel-img carousel-img-3706\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-revenger-20x10-et-25-6x135\/'\"\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;\">\n            \n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-revenger-20x10-et-25-6x135\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Revenger A904201063049D<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    20x10                <\/span>\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);\">\n                    6x135                <\/span>\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);\">\n                    ET -25                <\/span>\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);\">\n                    Satin Black                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x135, ET&nbsp;-25, 10&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$325<\/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;\">$1,300<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3704\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/raider_gunmetalmachined_17x9_6lug_white-2.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Raider, 17x9, ET -12, 6x5.5, Satin Gunmetal with Machined Spoke Faces, New, A888179066045\"\n                    class=\"carousel-img carousel-img-3704\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-raider-17x9-et-12-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3518646-1-2024-2500-ram-laramie-rough-country-leveling-kit-anthem-off-road-raider-gunmetal-machined-7-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Raider, 17x9, ET -12, 6x5.5, Satin Gunmetal with Machined Spoke Faces, New, A888179066045\"\n                    class=\"carousel-img carousel-img-3704\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-raider-17x9-et-12-6x5-5\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3704', -1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3704', 1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3704\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3704\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-raider-17x9-et-12-6x5-5\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Raider A888179066045<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    17x9                <\/span>\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);\">\n                    6x5.5                <\/span>\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);\">\n                    ET -12                <\/span>\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);\">\n                    Satin Gunmetal with Machined Spoke Faces                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x5.5, ET&nbsp;-12, 9&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$225<\/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;\">$900<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3701\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/caesar_chrome_20x12_left_white-2.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 20x12, ET -51, 8x170, Chrome, New, K14920201745\"\n                    class=\"carousel-img carousel-img-3701\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-20x12-et-51-8x170\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1147583-1-2017-sierra-1500-gmc-bds-suspension-lift-3in-arkon-off-road-caesar-chrome-2-768x576.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 20x12, ET -51, 8x170, Chrome, New, K14920201745\"\n                    class=\"carousel-img carousel-img-3701\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-20x12-et-51-8x170\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1015562-1-2013-silverado-1500-chevrolet-zone-suspension-lift-65in-arkon-off-road-caesar-chrome-1-768x575.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 20x12, ET -51, 8x170, Chrome, New, K14920201745\"\n                    class=\"carousel-img carousel-img-3701\"\n                    data-index=\"2\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-20x12-et-51-8x170\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/984012-1-1998-tacoma-toyota-rough-country-suspension-lift-6in-arkon-off-road-caesar-chrome-1-768x576.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 20x12, ET -51, 8x170, Chrome, New, K14920201745\"\n                    class=\"carousel-img carousel-img-3701\"\n                    data-index=\"3\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-20x12-et-51-8x170\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/928444-1-2015-2500-ram-full-throttle-suspension-lift-6in-arkon-off-road-caesar-chrome-1-768x519.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Caesar, 20x12, ET -51, 8x170, Chrome, New, K14920201745\"\n                    class=\"carousel-img carousel-img-3701\"\n                    data-index=\"4\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-20x12-et-51-8x170\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3701', -1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3701', 1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3701\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3701\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3701\"\n                            data-index=\"2\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3701\"\n                            data-index=\"3\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3701\"\n                            data-index=\"4\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-caesar-20x12-et-51-8x170\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ARKON OFF-ROAD Caesar K14920201745<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    20x12                <\/span>\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);\">\n                    8x170                <\/span>\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);\">\n                    ET -51                <\/span>\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);\">\n                    Chrome                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 8x170, ET&nbsp;-51, 12&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$519<\/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;\">$2,076<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3693\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/revenger_satinblack_18x9_8lug_white-3.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Revenger, 18x9, ET -12, 8x6.5, Satin Black, New, A904189085045\"\n                    class=\"carousel-img carousel-img-3693\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-revenger-18x9-et-12-8x6-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3583472-1-2015-silverado-1500-chevrolet-lt-rough-country-leveling-kit-anthem-off-road-revenger-satin-black-8-768x576.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Revenger, 18x9, ET -12, 8x6.5, Satin Black, New, A904189085045\"\n                    class=\"carousel-img carousel-img-3693\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-revenger-18x9-et-12-8x6-5\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3693', -1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3693', 1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3693\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3693\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-revenger-18x9-et-12-8x6-5\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Revenger A904189085045<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    18x9                <\/span>\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);\">\n                    8x6.5                <\/span>\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);\">\n                    ET -12                <\/span>\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);\">\n                    Satin Black                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 8x6.5, ET&nbsp;-12, 9&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$275<\/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;\">$1,100<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3690\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/valor_satinblack_6lug_17x9_white-3.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Valor, 17x9, ET -12, 6x5.5, Satin Black, New, A874179066050\"\n                    class=\"carousel-img carousel-img-3690\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-valor-17x9-et-12-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3155690-1-2021-4runner-toyota-sr5-premium-icon-suspension-lift-3in-anthem-off-road-valor-satin-black-5-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Valor, 17x9, ET -12, 6x5.5, Satin Black, New, A874179066050\"\n                    class=\"carousel-img carousel-img-3690\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-valor-17x9-et-12-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3241915-1-2019-f-150-ford-xlt-unknown-suspension-lift-25in-anthem-off-road-valor-satin-black-5-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Valor, 17x9, ET -12, 6x5.5, Satin Black, New, A874179066050\"\n                    class=\"carousel-img carousel-img-3690\"\n                    data-index=\"2\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-valor-17x9-et-12-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3479358-1-2018-wrangler-jl-jeep-unlimited-sport-stock-stock-anthem-off-road-valor-satin-black-5-768x576.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Valor, 17x9, ET -12, 6x5.5, Satin Black, New, A874179066050\"\n                    class=\"carousel-img carousel-img-3690\"\n                    data-index=\"3\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-valor-17x9-et-12-6x5-5\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3540464-1-2020-f-150-ford-xlt-bilstein-leveling-kit-anthem-off-road-valor-satin-black-5-768x576.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Valor, 17x9, ET -12, 6x5.5, Satin Black, New, A874179066050\"\n                    class=\"carousel-img carousel-img-3690\"\n                    data-index=\"4\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-valor-17x9-et-12-6x5-5\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3690', -1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3690', 1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3690\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3690\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3690\"\n                            data-index=\"2\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3690\"\n                            data-index=\"3\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3690\"\n                            data-index=\"4\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-valor-17x9-et-12-6x5-5\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Valor A874179066050<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    17x9                <\/span>\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);\">\n                    6x5.5                <\/span>\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);\">\n                    ET -12                <\/span>\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);\">\n                    Satin Black                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x5.5, ET&nbsp;-12, 9&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$225<\/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;\">$900<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3683\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/raider_gunmetalmachined_17x9_8lug_white-3.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Raider, 17x9, ET -12, 8x6.5, Satin Gunmetal with Machined Spoke Faces, New, A888179085045\"\n                    class=\"carousel-img carousel-img-3683\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-raider-17x9-et-12-8x6-5-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3518646-1-2024-2500-ram-laramie-rough-country-leveling-kit-anthem-off-road-raider-gunmetal-machined-6-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Raider, 17x9, ET -12, 8x6.5, Satin Gunmetal with Machined Spoke Faces, New, A888179085045\"\n                    class=\"carousel-img carousel-img-3683\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-raider-17x9-et-12-8x6-5-2\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3683', -1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3683', 1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3683\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3683\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-raider-17x9-et-12-8x6-5-2\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Raider A888179085045<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    17x9                <\/span>\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);\">\n                    8x6.5                <\/span>\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);\">\n                    ET -12                <\/span>\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);\">\n                    Satin Gunmetal with Machined Spoke Faces                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 8x6.5, ET&nbsp;-12, 9&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$225<\/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;\">$900<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3680\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/aramis_satinblack_20x10_white-3.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Aramis, 20x10, ET -25, 6x135, Satin Black with a Gloss Black Lip, New, K22320106345\"\n                    class=\"carousel-img carousel-img-3680\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-aramis-20x10-et-25-6x135\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/3616083-1-2026-f-250-super-duty-ford-xlt-stock-stock-arkon-off-road-aramis-satin-black-2-768x576.jpg\" decoding=\"async\"\n                    alt=\"ARKON OFF-ROAD Aramis, 20x10, ET -25, 6x135, Satin Black with a Gloss Black Lip, New, K22320106345\"\n                    class=\"carousel-img carousel-img-3680\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-aramis-20x10-et-25-6x135\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3680', -1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3680', 1, 2)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3680\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3680\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/arkon-off-road-aramis-20x10-et-25-6x135\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">ARKON OFF-ROAD Aramis K22320106345<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    20x10                <\/span>\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);\">\n                    6x135                <\/span>\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);\">\n                    ET -25                <\/span>\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);\">\n                    Satin Black with a Gloss Black Lip                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x135, ET&nbsp;-25, 10&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$390<\/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;\">$1,560<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wheelfront-listing-card minimalist-grid-card\"\n    style=\"display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.2s ease; background: #0B121E;\">\n    <!-- Full Card Link (covers entire card except z-index deeper elements) -->\n    \n    <!-- Image Section -->\n    <div class=\"card-image-wrap\"\n        style=\"aspect-ratio: 1\/1; border-radius: 8px; overflow: hidden; background: #f1f5f9; position: relative;\"\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;\"\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;\">\n\n        <!-- Wishlist Heart Overlay -->\n        <div class=\"wishlist-toggle\" data-id=\"3677\"\n            style=\"position: absolute; top: 12px; right: 12px; z-index: 10; cursor: pointer; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;background:#0b0f19;\">\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>\n\n                        <img src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/rogue_allsatinblack_20x9_white-3.jpg\" loading=\"lazy\" fetchpriority=\"auto\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Rogue, 20x9, ET +0, 6x135, Satin Black with Black Bolts, New, A904209063050D\"\n                    class=\"carousel-img carousel-img-3677\"\n                    data-index=\"0\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-rogue-20x9-et0-6x135-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1672151-1-2021-f-150-ford-bds-suspension-lift-6in-anthem-off-road-rogue-black-7-768x576.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Rogue, 20x9, ET +0, 6x135, Satin Black with Black Bolts, New, A904209063050D\"\n                    class=\"carousel-img carousel-img-3677\"\n                    data-index=\"1\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-rogue-20x9-et0-6x135-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1689489-1-2021-silverado-1500-chevrolet-readylift-leveling-kit-anthem-off-road-rogue-black-5-768x303.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Rogue, 20x9, ET +0, 6x135, Satin Black with Black Bolts, New, A904209063050D\"\n                    class=\"carousel-img carousel-img-3677\"\n                    data-index=\"2\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-rogue-20x9-et0-6x135-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1620872-1-2021-silverado-3500-hd-chevrolet-kryptonite-leveling-kit-anthem-off-road-rogue-black-5-768x575.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Rogue, 20x9, ET +0, 6x135, Satin Black with Black Bolts, New, A904209063050D\"\n                    class=\"carousel-img carousel-img-3677\"\n                    data-index=\"3\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-rogue-20x9-et0-6x135-2\/'\"\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;\">\n                            <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/wheelfront.com\/marketplace\/wp-content\/uploads\/2026\/10\/1533177-1-2018-silverado-1500-chevrolet-motofab-leveling-kit-anthem-off-road-rogue-matte-black-7-768x585.jpg\" decoding=\"async\"\n                    alt=\"Anthem Off-Road Rogue, 20x9, ET +0, 6x135, Satin Black with Black Bolts, New, A904209063050D\"\n                    class=\"carousel-img carousel-img-3677\"\n                    data-index=\"4\"\n                    onclick=\"window.location.href='https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-rogue-20x9-et0-6x135-2\/'\"\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;\">\n            \n                            <button type=\"button\" class=\"carousel-btn-prev\"\n                    onclick=\"window.handleCarouselClick(event, this, '3677', -1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\" \/>\n                    <\/svg>\n                <\/button>\n                <button type=\"button\" class=\"carousel-btn-next\"\n                    onclick=\"window.handleCarouselClick(event, this, '3677', 1, 5)\"\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;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                        stroke=\"#ffffff\" stroke-width=\"2\" style=\"width: 18px; height: 18px; min-width: 18px; display: block;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\" \/>\n                    <\/svg>\n                <\/button>\n\n                <!-- Carousel Indicators -->\n                <div\n                    style=\"position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 4px; z-index: 10; pointer-events: none;\">\n                                            <div class=\"carousel-indicator carousel-indicator-3677\"\n                            data-index=\"0\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3677\"\n                            data-index=\"1\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3677\"\n                            data-index=\"2\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3677\"\n                            data-index=\"3\"\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);\">\n                        <\/div>\n                                            <div class=\"carousel-indicator carousel-indicator-3677\"\n                            data-index=\"4\"\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);\">\n                        <\/div>\n                                    <\/div>\n            \n        \n        <!-- Location Badge Overlay (Bottom Left) -->\n        <div class=\"location-badge-overlay\" style=\"position: absolute; bottom: 12px; left: 12px; z-index: 10; pointer-events: auto;\">\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;\"\n                onclick=\"if(window.toggleLocationTooltip) { window.toggleLocationTooltip(event, this); }\">\n                                <img loading=\"lazy\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                     srcset=\"https:\/\/flagcdn.com\/w80\/us.png 2x\"\n                     alt=\"United States\"\n                     width=\"18\" height=\"14\" loading=\"lazy\" decoding=\"async\"\n                     style=\"width:18px;height:14px;object-fit:cover;border-radius:2px;display:block;flex:0 0 18px;box-shadow:0 0 0 1px rgba(0,0,0,.12);\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">\n                <span class=\"loc-icon\" style=\"display:none;\"><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>\n                                US            <\/div>\n            \n            <!-- Tooltip Popup -->\n            <div class=\"tooltip-content\"\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;\">\n                <h4\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;\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/us.png\"\n                         alt=\"\" width=\"20\" height=\"15\" loading=\"lazy\"\n                         style=\"width:20px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;\">\n                    United States                <\/h4>\n                <p style=\"margin: 0; font-size: 13px; line-height: 1.4; opacity: 0.9;\">\n                    This seller is from Sheridan, United States.\n                <\/p>\n                <!-- Tooltip Arrow -->\n                <div\n                    style=\"position: absolute; bottom: -6px; left: 20px; width: 12px; height: 12px; background: #1e293b; transform: rotate(45deg);\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <\/div>\n\n    <!-- Title & Specs -->\n    <div class=\"card-top-content\"\n        style=\"display: flex; flex-direction: column; gap: 8px; margin-top: 4px; pointer-events: none;\">\n        <h3\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;\">\n                        <a href=\"https:\/\/wheelfront.com\/marketplace\/listing\/anthem-off-road-rogue-20x9-et0-6x135-2\/\"\n                style=\"text-decoration: none; color: #E1E4EB; position: relative; z-index: 2;\">Anthem Off-Road Rogue A904209063050D<\/a>\n        <\/h3>\n\n        <!-- Spec Pills -->\n        <div class=\"wf-spec-pills\" style=\"display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;\">\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);\">\n                    20x9                <\/span>\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);\">\n                    6x135                <\/span>\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);\">\n                    ET 0                <\/span>\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);\">\n                    Satin Black with Black Bolts                <\/span>\n                    <\/div>\n\n        <div style=\"height: 1px; background: rgba(226,232,240,0.15); margin: 4px 0;\"><\/div>\n\n                            <div class=\"wf-grid-car-list\"\n                style=\"margin: 0; font-size: 12px; line-height: 1.45; display: flex; align-items: flex-start; gap: 6px; color: #ffffff; font-weight: 500;\">\n                <span style=\"font-size: 12px; line-height: 1.45; color: #2563eb;\">\u2713<\/span>\n                <span style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;\">\n                    <span style=\"color: #2563eb;\">Fitment:<\/span> 6x135, ET&nbsp;0, 9&nbsp;J                <\/span>\n            <\/div>\n            <\/div>\n\n    <!-- Pricing Row -->\n    <div class=\"card-price-row\"\n        style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4px; pointer-events: none;\">\n        <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n            <div style=\"display: flex; align-items: baseline; gap: 4px;\">\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;\">$315<\/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;\">$1,260<\/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>\n            <span class=\"wf-card-white\" style=\"font-size: 12px; color: #ffffff;\">\n                Free shipping            <\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Condition & Refined Label -->\n    <div class=\"wf-grid-condition\" style=\"font-size: 12px; color: #ffffff; margin-top: 0; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">\n            New        <\/span>\n    <\/div>\n        <div class=\"wf-grid-location\" style=\"font-size: 12px; color: #ffffff; margin-top: -6px; pointer-events: none;\">\n        <span style=\"font-weight: 500; color: #ffffff;\">Sheridan, United States<\/span>\n    <\/div>\n    <\/div>\n\n<div class=\"wf-pagination\" style=\"grid-column: 1 \/ -1; display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 40px; padding-bottom: 20px;\"><span aria-current=\"page\" class=\"page-numbers wf-page-link current\">1<\/span><a class=\"page-numbers wf-page-link\" href=\"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages\/132\/page\/2\/\">2<\/a><a class=\"page-numbers wf-page-link\" href=\"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages\/132\/page\/3\/\">3<\/a><a class=\"next page-numbers wf-page-link\" href=\"https:\/\/wheelfront.com\/marketplace\/wp-json\/wp\/v2\/pages\/132\/page\/2\/\">Next &raquo;<\/a><\/div><style>\n            .wf-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 12px; border: 1px solid #334155; border-radius: 6px; text-decoration: none; color: #cbd5e1; font-size: 14px; font-weight: 500; transition: all 0.2s; background: transparent; }\n            .wf-pagination .page-numbers:hover { background: #1e293b; color: #fff; border-color: #475569; }\n            .wf-pagination .page-numbers.current { background: #2563eb; color: #fff; border-color: #2563eb; cursor: default; }\n            .wf-pagination .page-numbers.dots { border: none; background: transparent; color: #94a3b8; }\n            .wf-pagination .page-numbers.dots:hover { background: transparent; border: none; }\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":28,"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 v28.8) - 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\/28"}],"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}]}}