/* global React */
const { useState, useEffect, useRef, useMemo } = React;

/* ===================================================================
   AMERICAN DREAM MOTORS · WINCHESTER, VA
   Real inventory from the dealer. live DealerCenter-backed inventory
   Year range and prices generated from the live feed.
   =================================================================== */

const VEHICLES = [
  {
    "id": "vin_1FMZU67K35UA87944",
    "year": 2005,
    "make": "Ford",
    "model": "Explorer Sport Trac",
    "trim": "XLT Sport Utility Pickup 4D",
    "price": 5950,
    "miles": 190444,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "5",
    "vin": "1FMZU67K35UA87944",
    "featured": true,
    "hue": 210,
    "photo": null,
    "photos": [],
    "bedLen": "",
    "tow": "",
    "payload": "",
    "cab": "",
    "blurb": "2005 Ford Explorer Sport Trac XLT Sport Utility Pickup 4D. Stock 5. VIN 1FMZU67K35UA87944. Listed at $5,950. 190,444 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/38c51603-ad08-4801-951b-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_5_a87944&utm_content=vin_1FMZU67K35UA87944"
  },
  {
    "id": "vin_1FTFX1EF3EKF50118",
    "year": 2014,
    "make": "Ford",
    "model": "F150 Super Cab",
    "trim": "STX Pickup 4D 6 1/2 ft",
    "price": 15750,
    "miles": 109601,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "51088",
    "vin": "1FTFX1EF3EKF50118",
    "featured": true,
    "hue": 227,
    "photo": null,
    "photos": [],
    "bedLen": "6 1/2 ft",
    "tow": "",
    "payload": "",
    "cab": "SuperCab",
    "blurb": "2014 Ford F150 Super Cab STX Pickup 4D 6 1/2 ft. Stock 51088. VIN 1FTFX1EF3EKF50118. Listed at $15,750. 109,601 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/dbb8240d-83d0-46fd-951c-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_listing_fix_51088_f50118&utm_content=vin_1FTFX1EF3EKF50118"
  },
  {
    "id": "vin_1GCDC14HXLE165897",
    "year": 1990,
    "make": "Chevrolet",
    "model": "C/K1500",
    "trim": "Cheyenne Reg Cab",
    "price": 13950,
    "miles": 101234,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "111",
    "vin": "1GCDC14HXLE165897",
    "featured": true,
    "hue": 42,
    "photo": null,
    "photos": [],
    "bedLen": "",
    "tow": "",
    "payload": "",
    "cab": "Regular",
    "blurb": "1990 Chevrolet C/K1500 Cheyenne Reg Cab. Stock 111. VIN 1GCDC14HXLE165897. Listed at $13,950. 101,234 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/4638b45b-b964-4f06-9518-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_111_165897&utm_content=vin_1GCDC14HXLE165897"
  },
  {
    "id": "vin_1FTPW14V97FA01793",
    "year": 2007,
    "make": "Ford",
    "model": "F150 SuperCrew Cab",
    "trim": "FX4 Pickup 4D 5 1/2 ft",
    "price": 13750,
    "miles": 101501,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "A01793",
    "vin": "1FTPW14V97FA01793",
    "featured": true,
    "hue": 261,
    "photo": null,
    "photos": [],
    "bedLen": "5 1/2 ft",
    "tow": "",
    "payload": "",
    "cab": "Crew",
    "blurb": "2007 Ford F150 SuperCrew Cab FX4 Pickup 4D 5 1/2 ft. Stock A01793. VIN 1FTPW14V97FA01793. Listed at $13,750. 101,501 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/c304555c-83d0-4ab9-9519-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_a01793_a01793&utm_content=vin_1FTPW14V97FA01793"
  },
  {
    "id": "vin_5GTDN13E778216450",
    "year": 2007,
    "make": "HUMMER",
    "model": "H3",
    "trim": "Sport Utility 4D",
    "price": 9950,
    "miles": 83185,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "222",
    "vin": "5GTDN13E778216450",
    "featured": true,
    "hue": 123,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2007 HUMMER H3 Sport Utility 4D. Stock 222. VIN 5GTDN13E778216450. Listed at $9,950. 83,185 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/9a1ab38f-1eaa-4516-951a-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_222_216450&utm_content=vin_5GTDN13E778216450"
  },
  {
    "id": "vin_1FT7X2BT8CEB03901",
    "year": 2012,
    "make": "Ford",
    "model": "F250 Super Duty Super Cab",
    "trim": "XLT Pickup 4D 8 ft",
    "price": 23950,
    "miles": 111445,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "777",
    "vin": "1FT7X2BT8CEB03901",
    "featured": true,
    "hue": 295,
    "photo": null,
    "photos": [],
    "bedLen": "8 ft",
    "tow": "",
    "payload": "",
    "cab": "SuperCab",
    "blurb": "2012 Ford F250 Super Duty Super Cab XLT Pickup 4D 8 ft. Stock 777. VIN 1FT7X2BT8CEB03901. Listed at $23,950. 111,445 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/7e8a5e18-b118-4b41-9514-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_777_b03901&utm_content=vin_1FT7X2BT8CEB03901"
  },
  {
    "id": "vin_1FTWW33P95EB75098",
    "year": 2005,
    "make": "Ford",
    "model": "F350 Super Duty Crew Cab",
    "trim": "Lariat Pickup 4D 8 ft",
    "price": 17950,
    "miles": 132174,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "B75098",
    "vin": "1FTWW33P95EB75098",
    "featured": true,
    "hue": 312,
    "photo": null,
    "photos": [],
    "bedLen": "8 ft",
    "tow": "",
    "payload": "",
    "cab": "Crew",
    "blurb": "2005 Ford F350 Super Duty Crew Cab Lariat Pickup 4D 8 ft. Stock B75098. VIN 1FTWW33P95EB75098. Listed at $17,950. 132,174 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/739131f7-1c10-4fbe-9515-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_b75098_b75098&utm_content=vin_1FTWW33P95EB75098"
  },
  {
    "id": "vin_1FTSW31P24EA12681",
    "year": 2004,
    "make": "Ford",
    "model": "F350 Super Duty Crew Cab",
    "trim": "XLT Pickup 4D 8 ft",
    "price": 12950,
    "miles": 156144,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "0000",
    "vin": "1FTSW31P24EA12681",
    "featured": true,
    "hue": 329,
    "photo": null,
    "photos": [],
    "bedLen": "8 ft",
    "tow": "",
    "payload": "",
    "cab": "Crew",
    "blurb": "2004 Ford F350 Super Duty Crew Cab XLT Pickup 4D 8 ft. Stock 0000. VIN 1FTSW31P24EA12681. Listed at $12,950. 156,144 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/64787cb9-4c01-4256-9516-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_0000_a12681&utm_content=vin_1FTSW31P24EA12681"
  },
  {
    "id": "vin_1FTWW33P4EXXXXXX",
    "year": 2004,
    "make": "Ford",
    "model": "F350 Super Duty Crew Cab",
    "trim": "Lariat Pickup 4D 6 3/4 ft",
    "price": 12950,
    "miles": 250131,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "000667",
    "vin": "1FTWW33P4EXXXXXX",
    "featured": false,
    "hue": 346,
    "photo": null,
    "photos": [],
    "bedLen": "6 3/4 ft",
    "tow": "",
    "payload": "",
    "cab": "Crew",
    "blurb": "2004 Ford F350 Super Duty Crew Cab Lariat Pickup 4D 6 3/4 ft. Stock 000667. VIN 1FTWW33P4EXXXXXX. Listed at $12,950. 250,131 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/93ef26fe-997b-4783-9517-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_000667_xxxxxx&utm_content=vin_1FTWW33P4EXXXXXX"
  },
  {
    "id": "vin_1J4FA49S39XXXXXX",
    "year": 2003,
    "make": "Jeep",
    "model": "Wrangler",
    "trim": "\"Sport\" Sport Utility 2D",
    "price": 12750,
    "miles": 76157,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "329788",
    "vin": "1J4FA49S39XXXXXX",
    "featured": false,
    "hue": 241,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2003 Jeep Wrangler \"Sport\" Sport Utility 2D. Stock 329788. VIN 1J4FA49S39XXXXXX. Listed at $12,750. 76,157 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/5287b540-4826-438b-9513-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_329788_xxxxxx&utm_content=vin_1J4FA49S39XXXXXX"
  },
  {
    "id": "vin_3GNEC12J07G236847",
    "year": 2007,
    "make": "Chevrolet",
    "model": "Avalanche",
    "trim": "LT Sport Utility Pickup 4D 5 1/4 ft",
    "price": 8750,
    "miles": 90521,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "51123",
    "vin": "3GNEC12J07G236847",
    "featured": false,
    "hue": 178,
    "photo": null,
    "photos": [],
    "bedLen": "5 1/4 ft",
    "tow": "",
    "payload": "",
    "cab": "",
    "blurb": "2007 Chevrolet Avalanche LT Sport Utility Pickup 4D 5 1/4 ft. Stock 51123. VIN 3GNEC12J07G236847. Listed at $8,750. 90,521 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/72683339-bc9a-43b7-9511-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_51123_236847&utm_content=vin_3GNEC12J07G236847"
  },
  {
    "id": "vin_1GKFK66U42J242955",
    "year": 2002,
    "make": "GMC",
    "model": "Yukon XL 1500",
    "trim": "Denali Sport Utility 4D",
    "price": 6950,
    "miles": 132983,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "557",
    "vin": "1GKFK66U42J242955",
    "featured": false,
    "hue": 211,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2002 GMC Yukon XL 1500 Denali Sport Utility 4D. Stock 557. VIN 1GKFK66U42J242955. Listed at $6,950. 132,983 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/555b454d-f0e6-4e54-9512-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_557_242955&utm_content=vin_1GKFK66U42J242955"
  },
  {
    "id": "vin_1ZVHT80N185162400",
    "year": 2008,
    "make": "Ford",
    "model": "Mustang",
    "trim": "Deluxe Coupe 2D",
    "price": 8950,
    "miles": 98591,
    "body": "Coupe",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "1031",
    "vin": "1ZVHT80N185162400",
    "featured": false,
    "hue": 54,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2008 Ford Mustang Deluxe Coupe 2D. Stock 1031. VIN 1ZVHT80N185162400. Listed at $8,950. 98,591 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/7de5d9b2-e498-4308-950e-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_listing_fix_1031_162400&utm_content=vin_1ZVHT80N185162400"
  },
  {
    "id": "vin_1D7HU18257S106550",
    "year": 2007,
    "make": "Dodge",
    "model": "Ram 1500 Quad Cab",
    "trim": "SLT Pickup 4D 6 1/4 ft",
    "price": 10750,
    "miles": 124000,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "10558",
    "vin": "1D7HU18257S106550",
    "featured": false,
    "hue": 233,
    "photo": null,
    "photos": [],
    "bedLen": "6 1/4 ft",
    "tow": "",
    "payload": "",
    "cab": "",
    "blurb": "2007 Dodge Ram 1500 Quad Cab SLT Pickup 4D 6 1/4 ft. Stock 10558. VIN 1D7HU18257S106550. Listed at $10,750. 124,000 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/e06cde8a-08d2-4466-950f-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_10558_106550&utm_content=vin_1D7HU18257S106550"
  },
  {
    "id": "vin_1LNHM87A34Y654451",
    "year": 2004,
    "make": "Lincoln",
    "model": "LS",
    "trim": "Sport Sedan 4D",
    "price": 6750,
    "miles": 80588,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "54451",
    "vin": "1LNHM87A34Y654451",
    "featured": false,
    "hue": 276,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2004 Lincoln LS Sport Sedan 4D. Stock 54451. VIN 1LNHM87A34Y654451. Listed at $6,750. 80,588 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/7a7acdd1-0309-42c3-9510-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_54451_654451&utm_content=vin_1LNHM87A34Y654451"
  },
  {
    "id": "vin_ZFBERFAT5F6A76493",
    "year": 2015,
    "make": "Ram",
    "model": "ProMaster City",
    "trim": "Tradesman Cargo Van 4D",
    "price": 13750,
    "miles": 90140,
    "body": "Van",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "93",
    "vin": "ZFBERFAT5F6A76493",
    "featured": false,
    "hue": 255,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2015 Ram ProMaster City Tradesman Cargo Van 4D. Stock 93. VIN ZFBERFAT5F6A76493. Listed at $13,750. 90,140 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/1f6e5b43-a19b-479a-950d-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_93_a76493&utm_content=vin_ZFBERFAT5F6A76493"
  },
  {
    "id": "vin_2T1BURHE9JC009367",
    "year": 2018,
    "make": "Toyota",
    "model": "Corolla",
    "trim": "LE Sedan 4D",
    "price": 12450,
    "miles": 117550,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "67",
    "vin": "2T1BURHE9JC009367",
    "featured": false,
    "hue": 322,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2018 Toyota Corolla LE Sedan 4D. Stock 67. VIN 2T1BURHE9JC009367. Listed at $12,450. 117,550 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/6680a746-8ff8-4d4c-950c-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_67_009367&utm_content=vin_2T1BURHE9JC009367"
  },
  {
    "id": "vin_1FTYR44E89PA59744",
    "year": 2009,
    "make": "Ford",
    "model": "Ranger Super Cab",
    "trim": "Sport Pickup 4D 6 ft",
    "price": 10950,
    "miles": 82167,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "44",
    "vin": "1FTYR44E89PA59744",
    "featured": false,
    "hue": 139,
    "photo": null,
    "photos": [],
    "bedLen": "6 ft",
    "tow": "",
    "payload": "",
    "cab": "SuperCab",
    "blurb": "2009 Ford Ranger Super Cab Sport Pickup 4D 6 ft. Stock 44. VIN 1FTYR44E89PA59744. Listed at $10,950. 82,167 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/3c39c2fb-ea7b-4343-9508-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_44_a59744&utm_content=vin_1FTYR44E89PA59744"
  },
  {
    "id": "vin_1GTHC39F7PE559559",
    "year": 1993,
    "make": "GMC",
    "model": "3500 Club Coupe",
    "trim": "Long Bed",
    "price": 55950,
    "miles": 798,
    "body": "Coupe",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "59",
    "vin": "1GTHC39F7PE559559",
    "featured": false,
    "hue": 330,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "1993 GMC 3500 Club Coupe Long Bed. Stock 59. VIN 1GTHC39F7PE559559. Listed at $55,950. 798 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/99e4ef6a-e567-4c50-9509-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_59_559559&utm_content=vin_1GTHC39F7PE559559"
  },
  {
    "id": "vin_1G6KD54Y6WU749187",
    "year": 1998,
    "make": "Cadillac",
    "model": "DeVille",
    "trim": "Sedan 4D",
    "price": 8950,
    "miles": 82885,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "87",
    "vin": "1G6KD54Y6WU749187",
    "featured": false,
    "hue": 153,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "1998 Cadillac DeVille Sedan 4D. Stock 87. VIN 1G6KD54Y6WU749187. Listed at $8,950. 82,885 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/8dcef9f7-e1f9-4dd1-950a-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_87_749187&utm_content=vin_1G6KD54Y6WU749187"
  },
  {
    "id": "vin_WAURFAFR6AA021543",
    "year": 2010,
    "make": "Audi",
    "model": "A5",
    "trim": "2.0T Quattro Premium Coupe 2D",
    "price": 7950,
    "miles": 109253,
    "body": "Coupe",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "43",
    "vin": "WAURFAFR6AA021543",
    "featured": false,
    "hue": 160,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2010 Audi A5 2.0T Quattro Premium Coupe 2D. Stock 43. VIN WAURFAFR6AA021543. Listed at $7,950. 109,253 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/7901209f-19f7-439b-9507-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_43_021543&utm_content=vin_WAURFAFR6AA021543"
  },
  {
    "id": "vin_1LNLM81W3RY619124",
    "year": 1994,
    "make": "Lincoln",
    "model": "Town Car",
    "trim": "Executive Sedan 4D",
    "price": 10950,
    "miles": 90743,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "24",
    "vin": "1LNLM81W3RY619124",
    "featured": false,
    "hue": 35,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "1994 Lincoln Town Car Executive Sedan 4D. Stock 24. VIN 1LNLM81W3RY619124. Listed at $10,950. 90,743 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/c8cb13e1-3b3b-4e5f-9506-08dec21b4554?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_24_619124&utm_content=vin_1LNLM81W3RY619124"
  },
  {
    "id": "vin_3C6LR5AT8DG575965",
    "year": 2013,
    "make": "Ram",
    "model": "2500 Regular Cab",
    "trim": "Tradesman Pickup 2D 8 ft",
    "price": 16950,
    "miles": 110513,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "0011",
    "vin": "3C6LR5AT8DG575965",
    "featured": false,
    "hue": 14,
    "photo": null,
    "photos": [],
    "bedLen": "8 ft",
    "tow": "",
    "payload": "",
    "cab": "Regular",
    "blurb": "2013 Ram 2500 Regular Cab Tradesman Pickup 2D 8 ft. Stock 0011. VIN 3C6LR5AT8DG575965. Listed at $16,950. 110,513 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/63e2a0c9-31b1-4167-7d56-08dec21928c9?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_0011_575965&utm_content=vin_3C6LR5AT8DG575965"
  },
  {
    "id": "vin_1FT8W3BT6DEA37654",
    "year": 2013,
    "make": "Ford",
    "model": "F350 Super Duty Crew Cab",
    "trim": "XL Pickup 4D 8 ft",
    "price": 28950,
    "miles": 59860,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "0001",
    "vin": "1FT8W3BT6DEA37654",
    "featured": false,
    "hue": 241,
    "photo": null,
    "photos": [],
    "bedLen": "8 ft",
    "tow": "",
    "payload": "",
    "cab": "Crew",
    "blurb": "2013 Ford F350 Super Duty Crew Cab XL Pickup 4D 8 ft. Stock 0001. VIN 1FT8W3BT6DEA37654. Listed at $28,950. 59,860 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/781d480b-a387-4a40-3685-08dec15181af?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_0001_a37654&utm_content=vin_1FT8W3BT6DEA37654"
  },
  {
    "id": "vin_1ZVBP8AM9B5102887",
    "year": 2011,
    "make": "Ford",
    "model": "Mustang",
    "trim": "Premium Coupe 2D",
    "price": 10950,
    "miles": 86495,
    "body": "Coupe",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "1030",
    "vin": "1ZVBP8AM9B5102887",
    "featured": false,
    "hue": 258,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2011 Ford Mustang Premium Coupe 2D. Stock 1030. VIN 1ZVBP8AM9B5102887. Listed at $10,950. 86,495 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/295ffcb1-b2b6-4288-900a-08ddb3b7d8e0?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_1030_102887&utm_content=vin_1ZVBP8AM9B5102887"
  },
  {
    "id": "vin_1J4FA24139L711168",
    "year": 2009,
    "make": "Jeep",
    "model": "Wrangler",
    "trim": "X Sport Utility 2D",
    "price": 8750,
    "miles": 121635,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "68",
    "vin": "1J4FA24139L711168",
    "featured": false,
    "hue": 153,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2009 Jeep Wrangler X Sport Utility 2D. Stock 68. VIN 1J4FA24139L711168. Listed at $8,750. 121,635 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/96ef489c-4995-41d3-3609-08dda326b38a?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_68_711168&utm_content=vin_1J4FA24139L711168"
  },
  {
    "id": "vin_WDDNG7DBXDA515566",
    "year": 2013,
    "make": "Mercedes-Benz",
    "model": "S-Class",
    "trim": "S 550 Sedan 4D",
    "price": 13750,
    "miles": 94914,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "10012",
    "vin": "WDDNG7DBXDA515566",
    "featured": false,
    "hue": 282,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2013 Mercedes-Benz S-Class S 550 Sedan 4D. Stock 10012. VIN WDDNG7DBXDA515566. Listed at $13,750. 94,914 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/e876ce29-b127-47c5-d34a-08dd9e5b2339?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_10012_515566&utm_content=vin_WDDNG7DBXDA515566"
  },
  {
    "id": "vin_SAJDA42B153A44474",
    "year": 2005,
    "make": "Jaguar",
    "model": "XK",
    "trim": "XKR Convertible 2D",
    "price": 16950,
    "miles": 67270,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "10011",
    "vin": "SAJDA42B153A44474",
    "featured": false,
    "hue": 279,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2005 Jaguar XK XKR Convertible 2D. Stock 10011. VIN SAJDA42B153A44474. Listed at $16,950. 67,270 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/ecbd3db5-9b7d-4597-caa8-08dd9e5b2339?utm_source=organic_social&utm_medium=post&utm_campaign=amd_content_push_10011_a44474&utm_content=vin_SAJDA42B153A44474"
  },
  {
    "id": "vin_2GTEK19B161112233",
    "year": 2006,
    "make": "GMC",
    "model": "Sierra 1500 Extended Cab",
    "trim": "Work Truck Pickup 4D 6 1/2 ft",
    "price": 10950,
    "miles": 104587,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "1005",
    "vin": "2GTEK19B161112233",
    "featured": false,
    "hue": 140,
    "photo": null,
    "photos": [],
    "bedLen": "6 1/2 ft",
    "tow": "",
    "payload": "",
    "cab": "",
    "blurb": "2006 GMC Sierra 1500 Extended Cab Work Truck Pickup 4D 6 1/2 ft. Stock 1005. VIN 2GTEK19B161112233. Listed at $10,950. 104,587 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/195ed774-ac35-408d-5981-08dd98fc6df4?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_1005_112233&utm_content=vin_2GTEK19B161112233"
  },
  {
    "id": "vin_WBAHN83598DT83805",
    "year": 2008,
    "make": "BMW",
    "model": "7 Series",
    "trim": "750Li Sedan 4D",
    "price": 7950,
    "miles": 144464,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "05",
    "vin": "WBAHN83598DT83805",
    "featured": false,
    "hue": 353,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2008 BMW 7 Series 750Li Sedan 4D. Stock 05. VIN WBAHN83598DT83805. Listed at $7,950. 144,464 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/acf5acd0-bfcc-4828-5565-08dd98fc6df4?utm_source=organic_social&utm_medium=post&utm_campaign=amd_content_push_05_t83805&utm_content=vin_WBAHN83598DT83805"
  },
  {
    "id": "vin_1FTYR44E63PB60580",
    "year": 2003,
    "make": "Ford",
    "model": "Ranger Super Cab",
    "trim": "XLT Pickup 4D 6 ft",
    "price": 7950,
    "miles": 125779,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "80",
    "vin": "1FTYR44E63PB60580",
    "featured": false,
    "hue": 0,
    "photo": null,
    "photos": [],
    "bedLen": "6 ft",
    "tow": "",
    "payload": "",
    "cab": "SuperCab",
    "blurb": "2003 Ford Ranger Super Cab XLT Pickup 4D 6 ft. Stock 80. VIN 1FTYR44E63PB60580. Listed at $7,950. 125,779 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/f20e8bb6-698b-4655-dec7-08dd8dff6921?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_80_b60580&utm_content=vin_1FTYR44E63PB60580"
  },
  {
    "id": "vin_1J4FA39S75P330188",
    "year": 2005,
    "make": "Jeep",
    "model": "Wrangler",
    "trim": "X Sport Utility 2D",
    "price": 15950,
    "miles": 54129,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "#88",
    "vin": "1J4FA39S75P330188",
    "featured": false,
    "hue": 255,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2005 Jeep Wrangler X Sport Utility 2D. Stock #88. VIN 1J4FA39S75P330188. Listed at $15,950. 54,129 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/4fdd219c-a657-4d4a-8c37-08dd8620f56f?utm_source=organic_social&utm_medium=post&utm_campaign=amd_content_push_%2388_330188&utm_content=vin_1J4FA39S75P330188"
  },
  {
    "id": "vin_KMHTC6AD6CU072340",
    "year": 2012,
    "make": "Hyundai",
    "model": "Veloster",
    "trim": "Coupe 3D",
    "price": 5950,
    "miles": 109069,
    "body": "Coupe",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "582",
    "vin": "KMHTC6AD6CU072340",
    "featured": false,
    "hue": 229,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2012 Hyundai Veloster Coupe 3D. Stock 582. VIN KMHTC6AD6CU072340. Listed at $5,950. 109,069 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/b1ba90ca-87ed-44f3-67d2-08dd836dcdbf?utm_source=organic_social&utm_medium=post&utm_campaign=amd_listing_fix_582_072340&utm_content=vin_KMHTC6AD6CU072340"
  },
  {
    "id": "vin_1FAHP2F84EG158286",
    "year": 2014,
    "make": "Ford",
    "model": "Taurus",
    "trim": "Limited Sedan 4D",
    "price": 8950,
    "miles": 109651,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "576",
    "vin": "1FAHP2F84EG158286",
    "featured": false,
    "hue": 51,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2014 Ford Taurus Limited Sedan 4D. Stock 576. VIN 1FAHP2F84EG158286. Listed at $8,950. 109,651 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/2a1ef137-e7d4-4328-62cb-08dd836dcdbf?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_576_158286&utm_content=vin_1FAHP2F84EG158286"
  },
  {
    "id": "vin_1FTNW21PX4EC68977",
    "year": 2004,
    "make": "Ford",
    "model": "F250 Super Duty Crew Cab",
    "trim": "XLT Pickup 4D 8 ft",
    "price": 15950,
    "miles": 149980,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "539",
    "vin": "1FTNW21PX4EC68977",
    "featured": false,
    "hue": 68,
    "photo": null,
    "photos": [],
    "bedLen": "8 ft",
    "tow": "",
    "payload": "",
    "cab": "Crew",
    "blurb": "2004 Ford F250 Super Duty Crew Cab XLT Pickup 4D 8 ft. Stock 539. VIN 1FTNW21PX4EC68977. Listed at $15,950. 149,980 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/217f5408-8e8f-4fef-41f4-08dd5179166b?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_539_c68977&utm_content=vin_1FTNW21PX4EC68977"
  },
  {
    "id": "vin_2HNYD2H22DH506918",
    "year": 2013,
    "make": "Acura",
    "model": "MDX",
    "trim": "Sport Utility 4D",
    "price": 10950,
    "miles": 116295,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "528",
    "vin": "2HNYD2H22DH506918",
    "featured": false,
    "hue": 55,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2013 Acura MDX Sport Utility 4D. Stock 528. VIN 2HNYD2H22DH506918. Listed at $10,950. 116,295 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/72ed6c62-6b23-4648-218c-08dd50abc5e7?utm_source=organic_social&utm_medium=post&utm_campaign=amd_content_push_528_506918&utm_content=vin_2HNYD2H22DH506918"
  },
  {
    "id": "vin_WDDGF5EB7BR171322",
    "year": 2011,
    "make": "Mercedes-Benz",
    "model": "C-Class",
    "trim": "C 300 Luxury Sedan 4D",
    "price": 8950,
    "miles": 68480,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "511",
    "vin": "WDDGF5EB7BR171322",
    "featured": false,
    "hue": 92,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2011 Mercedes-Benz C-Class C 300 Luxury Sedan 4D. Stock 511. VIN WDDGF5EB7BR171322. Listed at $8,950. 68,480 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/fe2cbecf-1e97-4a15-60ad-08dd232136d9?utm_source=organic_social&utm_medium=post&utm_campaign=amd_content_push_511_171322&utm_content=vin_WDDGF5EB7BR171322"
  },
  {
    "id": "vin_5LTPW18566FJ12162",
    "year": 2006,
    "make": "Lincoln",
    "model": "Mark LT",
    "trim": "Pickup 4D 5 1/2 ft",
    "price": 10950,
    "miles": 149518,
    "body": "Pickup",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "480",
    "vin": "5LTPW18566FJ12162",
    "featured": false,
    "hue": 307,
    "photo": null,
    "photos": [],
    "bedLen": "5 1/2 ft",
    "tow": "",
    "payload": "",
    "cab": "",
    "blurb": "2006 Lincoln Mark LT Pickup 4D 5 1/2 ft. Stock 480. VIN 5LTPW18566FJ12162. Listed at $10,950. 149,518 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/51a6b082-1cb2-443f-0d1b-08dcf7f78c9a?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_480_j12162&utm_content=vin_5LTPW18566FJ12162"
  },
  {
    "id": "vin_1FMSU43P74EC04778",
    "year": 2004,
    "make": "Ford",
    "model": "Excursion",
    "trim": "Limited Sport Utility 4D",
    "price": 18950,
    "miles": 255457,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "477",
    "vin": "1FMSU43P74EC04778",
    "featured": false,
    "hue": 136,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2004 Ford Excursion Limited Sport Utility 4D. Stock 477. VIN 1FMSU43P74EC04778. Listed at $18,950. 255,457 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/6a084588-c5fb-4b86-b221-08dcf71cef5c?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_477_c04778&utm_content=vin_1FMSU43P74EC04778"
  },
  {
    "id": "vin_3FCLF53S5XJAZ6729",
    "year": 1999,
    "make": "Ford",
    "model": "Motorhome Chassis",
    "trim": "4X2 Chassis 178 190 in. WB",
    "price": 10950,
    "miles": 39445,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "470",
    "vin": "3FCLF53S5XJAZ6729",
    "featured": false,
    "hue": 153,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "1999 Ford Motorhome Chassis 4X2 Chassis 178 190 in. WB. Stock 470. VIN 3FCLF53S5XJAZ6729. Listed at $10,950. 39,445 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/37d79d47-1f43-45b7-e0bf-08dcef63ea09?utm_source=organic_social&utm_medium=post&utm_campaign=amd_organic_drip_470_az6729&utm_content=vin_3FCLF53S5XJAZ6729"
  },
  {
    "id": "vin_1ZVBP8EM8C5259421",
    "year": 2012,
    "make": "Ford",
    "model": "Mustang",
    "trim": "Convertible 2D",
    "price": 10750,
    "miles": 101063,
    "body": "Coupe",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "407",
    "vin": "1ZVBP8EM8C5259421",
    "featured": false,
    "hue": 170,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2012 Ford Mustang Convertible 2D. Stock 407. VIN 1ZVBP8EM8C5259421. Listed at $10,750. 101,063 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/15e32c18-2e84-4309-dbae-08dcef63ea09?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_407_259421&utm_content=vin_1ZVBP8EM8C5259421"
  },
  {
    "id": "vin_WBAKB8C52BC851661",
    "year": 2011,
    "make": "BMW",
    "model": "7 Series",
    "trim": "750Li Sedan 4D",
    "price": 10950,
    "miles": 113018,
    "body": "Sedan",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "61",
    "vin": "WBAKB8C52BC851661",
    "featured": false,
    "hue": 197,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2011 BMW 7 Series 750Li Sedan 4D. Stock 61. VIN WBAKB8C52BC851661. Listed at $10,950. 113,018 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/b940dfbd-06fd-ee11-a141-005056a3ea45?utm_source=organic_social&utm_medium=post&utm_campaign=amd_paid_push_61_851661&utm_content=vin_WBAKB8C52BC851661"
  },
  {
    "id": "vin_1FMNU43S8YEA74307",
    "year": 2000,
    "make": "Ford",
    "model": "Excursion",
    "trim": "Sport Utility 4D",
    "price": 18950,
    "miles": 139367,
    "body": "SUV",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "45",
    "vin": "1FMNU43S8YEA74307",
    "featured": false,
    "hue": 204,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2000 Ford Excursion Sport Utility 4D. Stock 45. VIN 1FMNU43S8YEA74307. Listed at $18,950. 139,367 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/c9a5eeb1-06fd-ee11-a141-005056a3ea45?utm_source=organic_social&utm_medium=post&utm_campaign=amd_content_push_45_a74307&utm_content=vin_1FMNU43S8YEA74307"
  },
  {
    "id": "vin_1FDWE35L02HA76494",
    "year": 2002,
    "make": "Ford",
    "model": "Econoline E350 Super Duty Cutaway",
    "trim": "Van Cab-Chassis 2D",
    "price": 9950,
    "miles": 119701,
    "body": "Van",
    "drive": "",
    "fuel": "",
    "trans": "",
    "mpg": "",
    "engine": "",
    "color": "See vehicle",
    "stock": "60",
    "vin": "1FDWE35L02HA76494",
    "featured": false,
    "hue": 221,
    "photo": null,
    "photos": [],
    "bedLen": "N/A",
    "tow": "",
    "payload": "",
    "cab": "N/A",
    "blurb": "2002 Ford Econoline E350 Super Duty Cutaway Van Cab-Chassis 2D. Stock 60. VIN 1FDWE35L02HA76494. Listed at $9,950. 119,701 miles. Call or text the lot to confirm availability before you come in.",
    "listingUrl": "https://www.americandreammotorsllc.com/Inventory/Details/1ca3eeb1-06fd-ee11-a141-005056a3ea45?utm_source=organic_social&utm_medium=post&utm_campaign=amd_content_push_60_a76494&utm_content=vin_1FDWE35L02HA76494"
  }
];

const BODY_TYPES = ["All", "Pickup", "SUV", "Sedan", "Coupe", "Hatchback", "Van"];
const FUEL_TYPES = ["All", "", "Gas", "Diesel"];
const MAKES = ["All", "Acura", "Audi", "BMW", "Cadillac", "Chevrolet", "Dodge", "Ford", "GMC", "HUMMER", "Hyundai", "Jaguar", "Jeep", "Lincoln", "Mercedes-Benz", "Ram", "Toyota"];

const ACCENT_PALETTES = {
  rust:   { name: 'American Rust',  v: '#b8482a' },
  brass:  { name: 'Brass',          v: '#b6852a' },
  navy:   { name: 'Stoneware Navy', v: '#2a3f5e' },
  sage:   { name: 'Field Sage',     v: '#4a6147' },
  cherry: { name: 'Barn Cherry',    v: '#7a2630' },
};

const TOTAL_INVENTORY = 44;
const COUNTS = {"pickup": 17, "suv": 8, "coupe": 6, "sedan": 11, "van": 2};

/* ====================== UTILITIES ====================== */
const fmt$ = n => '$' + n.toLocaleString('en-US');
const fmtMiles = n => n.toLocaleString('en-US') + ' mi';
const calcPayment = (price, downPct, apr, months) => {
  const principal = price * (1 - downPct / 100);
  const r = apr / 100 / 12;
  if (r === 0) return principal / months;
  return principal * (r * Math.pow(1 + r, months)) / (Math.pow(1 + r, months) - 1);
};

/* ====================== HOURS (single source of truth) ====================== */
const LOT_HOURS = { open: 10, close: 18, closedDays: [0] }; // Mon–Sat 10–6, Sun closed

function lotIsOpen(now = new Date()) {
  const h = now.getHours() + now.getMinutes() / 60;
  return !LOT_HOURS.closedDays.includes(now.getDay()) && h >= LOT_HOURS.open && h < LOT_HOURS.close;
}

function OpenChip() {
  const now = new Date();
  if (lotIsOpen(now)) {
    return <span className="chip chip-sage"><span className="live-dot"/>Open now · til 6 PM</span>;
  }
  const label = now.getDay() === 0 ? 'Opens Mon 10 AM'
    : (now.getDay() === 6 && now.getHours() >= LOT_HOURS.close) ? 'Opens Mon 10 AM'
    : now.getHours() >= LOT_HOURS.close ? 'Opens tomorrow 10 AM'
    : 'Opens 10 AM';
  return <span className="chip"><span className="chip-dot"/>{label}</span>;
}

/* ====================== BRAND MARK ====================== */
function Brand({ size = 26 }) {
  return (
    <span className="nav-brand" style={{ cursor: 'pointer' }}>
      <span className="brand-mark" aria-hidden>
        <svg viewBox="0 0 24 24" fill="currentColor" stroke="none">
          <path d="M12 1.5l2.7 7.3 7.8.4-6.1 4.9 2.1 7.5L12 17l-6.5 4.6 2.1-7.5L1.5 9.2l7.8-.4z" />
        </svg>
      </span>
      <span className="word" style={{ fontSize: size }}>
        American Dream Motors
        <small>Winchester · Trucks &amp; American Iron</small>
      </span>
    </span>
  );
}

function BrandCompact() {
  return (
    <span className="nav-brand" style={{ gap: 10 }}>
      <span className="brand-mark" aria-hidden style={{ width: 28, height: 28 }}>
        <svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14">
          <path d="M12 1.5l2.7 7.3 7.8.4-6.1 4.9 2.1 7.5L12 17l-6.5 4.6 2.1-7.5L1.5 9.2l7.8-.4z" />
        </svg>
      </span>
      <span className="word" style={{ fontSize: 22 }}>American Dream Motors</span>
    </span>
  );
}

/* ====================== MOTION HELPERS ====================== */
function useReveal() {
  const ref = useRef(null);
  const [seen, setSeen] = useState(false);
  useEffect(() => {
    if (!ref.current || seen) return;
    const io = new IntersectionObserver((entries) => {
      entries.forEach(e => { if (e.isIntersecting) { setSeen(true); io.disconnect(); } });
    }, { rootMargin: '-8% 0px' });
    io.observe(ref.current);
    return () => io.disconnect();
  }, [seen]);
  return [ref, seen];
}

function Reveal({ children, delay = 0, as = 'div', className = '', style = {}, ...rest }) {
  const [ref, seen] = useReveal();
  const Tag = as;
  return (
    <Tag ref={ref} className={`reveal ${seen ? 'in' : ''} ${className}`} style={{ ...style, transitionDelay: delay + 'ms' }} {...rest}>
      {children}
    </Tag>
  );
}

function Counter({ to, duration = 1600, prefix = '', suffix = '', decimals = 0 }) {
  const [ref, seen] = useReveal();
  const [val, setVal] = useState(0);
  useEffect(() => {
    if (!seen) return;
    const start = performance.now();
    let raf;
    const tick = (now) => {
      const t = Math.min(1, (now - start) / duration);
      const eased = 1 - Math.pow(1 - t, 3);
      setVal(to * eased);
      if (t < 1) raf = requestAnimationFrame(tick);
    };
    raf = requestAnimationFrame(tick);
    return () => cancelAnimationFrame(raf);
  }, [seen, to, duration]);
  const display = decimals > 0 ? val.toFixed(decimals) : Math.floor(val).toLocaleString();
  return <span ref={ref}>{prefix}{display}{suffix}</span>;
}

/* ====================== TYPE / LAYOUT ====================== */
function Eyebrow({ num, children }) {
  return (
    <div className="eyebrow" style={{ display: 'flex', gap: 12, alignItems: 'center' }}>
      {num != null && <span>{String(num).padStart(2, '0')}</span>}
      <span style={{ width: 24, height: 1, background: 'currentColor', opacity: 0.4 }}></span>
      <span>{children}</span>
    </div>
  );
}

function SectionHead({ num, title, sub, action }) {
  return (
    <div className="section-head">
      <div className="section-num">{String(num).padStart(2, '0')} /</div>
      <h2 className="section-title">{title}</h2>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'flex-end' }}>
        {sub && <div className="section-sub">{sub}</div>}
        {action}
      </div>
    </div>
  );
}

/* ====================== PHOTO ====================== */
function unsplashUrl(id, w = 1200) {
  return `https://images.unsplash.com/photo-${id}?w=${w}&q=80&auto=format&fit=crop`;
}

function Photo({ label, tag, hue = 200, aspect, style = {}, className = '', photo, badge }) {
  const fallbackBg = `
    radial-gradient(ellipse at 28% 38%, hsla(${hue}, 22%, 60%, 0.55) 0%, transparent 56%),
    radial-gradient(ellipse at 78% 78%, hsla(${(hue + 50) % 360}, 25%, 32%, 0.50) 0%, transparent 50%),
    linear-gradient(180deg, hsla(${hue}, 14%, 24%, 1) 0%, hsla(${hue}, 16%, 12%, 1) 100%)
  `;
  const bg = photo
    ? `linear-gradient(180deg, rgba(20,16,14,0) 50%, rgba(20,16,14,0.5) 100%), url("${unsplashUrl(photo)}")`
    : fallbackBg;
  return (
    <div className={'ph ' + (photo ? 'ph-real ' : 'ph-missing ') + className} style={{
      backgroundImage: bg,
      backgroundSize: 'cover',
      backgroundPosition: 'center',
      aspectRatio: aspect,
      ...style,
    }}>
      {tag && <span className="ph-corner-tag">{tag}</span>}
      {badge && <span className="ph-badge">{badge}</span>}
      {!photo && <span className="ph-silhouette" aria-hidden="true"></span>}
      {label && <div className="ph-label">{label}</div>}
    </div>
  );
}

/* ====================== VEHICLE CARD ====================== */
function VehicleCard({ v, onClick, favorite, onFav }) {
  return (
    <article className="vcard" onClick={() => { onClick && onClick(v); window.dd && window.dd.track('vehicle_card_click', { id: v.id, make: v.make, model: v.model, price: v.price }); }}>
      <div className="vcard-imgwrap">
        <div className="vcard-img-stack">
          <Photo hue={v.hue} photo={v.photo} aspect="5/4" label={v.photo ? `Stock ${v.stock}` : `${v.year} ${v.make}`} tag={v.photo ? null : `Stock ${v.stock}`} style={{ position: 'absolute', inset: 0, border: 0 }} />
        </div>
        {v.featured
          ? <span className="vcard-badge vcard-badge-rust">Featured</span>
          : <span className="vcard-badge">{v.stock}</span>}
        <button
          className={'vcard-fav' + (favorite ? ' active' : '')}
          onClick={(e) => { e.stopPropagation(); onFav && onFav(v.id); window.dd && window.dd.track(favorite ? 'unfavorite' : 'favorite', { id: v.id }); }}
          aria-label="Save vehicle"
        >
          <svg width="14" height="14" viewBox="0 0 24 24" fill={favorite ? 'currentColor' : 'none'} stroke="currentColor" strokeWidth="1.6">
            <path d="M19 14L12 21L5 14C3 12 3 9 5 7C7 5 10 5 12 7C14 5 17 5 19 7C21 9 21 12 19 14Z"/>
          </svg>
        </button>
      </div>
      <div className="vcard-body">
        <div className="vcard-sub">{v.body} · Stock {v.stock} · {v.vin.slice(-6)}</div>
        <div className="vcard-title-row">
          <h3 className="vcard-title">{v.make}<br/><span style={{ color: 'var(--fg-mute)' }}>{v.model} <em style={{ color: 'var(--accent)', fontStyle: 'italic' }}>{v.trim}</em></span></h3>
          <div style={{ textAlign: 'right' }}>
            <div className="vcard-price">{fmt$(v.price)}</div>
            <div className="vcard-meta" style={{ justifyContent: 'flex-end', gap: 0, marginTop: 4 }}>
              <span style={{ fontSize: 10 }}>{v.miles.toLocaleString()} MI</span>
            </div>
          </div>
        </div>
        <div className="vcard-actions">
          <span>View details</span>
          <span>Call or text to confirm</span>
        </div>
      </div>
    </article>
  );
}

/* ====================== NAV ====================== */
function Nav({ page, setPage }) {
  const [scrolled, setScrolled] = useState(false);
  useEffect(() => {
    const onScroll = () => setScrolled(window.scrollY > 24);
    onScroll();
    window.addEventListener('scroll', onScroll, { passive: true });
    return () => window.removeEventListener('scroll', onScroll);
  }, []);
  const items = [
    { id: 'home',      label: 'Home' },
    { id: 'inventory', label: 'Inventory' },
    { id: 'detail',    label: 'Vehicle' },
    { id: 'finance',   label: 'Financing' },
    { id: 'about',     label: 'About' },
  ];
  return (
    <nav className={'nav' + (scrolled ? ' scrolled' : '')}>
      <div className="nav-inner">
        <div style={{ display: 'flex', alignItems: 'center', gap: 18 }}>
          <a onClick={() => setPage('home')}><Brand /></a>
          <span className="nav-openchip" style={{ marginLeft: 4 }}><OpenChip /></span>
        </div>
        <div className="nav-links">
          {items.map(i => (
            <a key={i.id} className={'nav-link' + (page === i.id ? ' active' : '')} onClick={() => setPage(i.id)}>{i.label}</a>
          ))}
        </div>
        <div className="nav-right">
          <a href="tel:540-450-5373" className="btn btn-sm btn-ghost">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            (540) 450-5373
          </a>
          <button className="btn btn-sm btn-primary" onClick={() => window.openLead && window.openLead('general')}>
            Get in touch <span className="btn-arrow">→</span>
          </button>
        </div>
      </div>
    </nav>
  );
}

/* ====================== FOOTER ====================== */
function Footer({ setPage }) {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div>
            <BrandCompact />
            <p style={{ color: 'var(--fg-mute)', maxWidth: 360, marginTop: 20, fontSize: 14, lineHeight: 1.65 }}>
              Winchester used trucks, SUVs, vans, and value cars. Browse the current feed, then call or text the lot to confirm availability before you come in.
            </p>
            <div style={{ display: 'flex', gap: 8, marginTop: 22, flexWrap: 'wrap' }}>
              <a className="chip chip-solid">Google</a>
              <a className="chip chip-solid">Facebook</a>
              <a className="chip chip-solid">Carsforsale.com</a>
            </div>
          </div>
          <div>
            <div className="footer-h">Shop</div>
            <a className="footer-link" onClick={() => setPage('inventory')}>All 44 vehicles</a>
            <a className="footer-link" onClick={() => setPage('inventory')}>Pickup trucks ({COUNTS.pickup || 0})</a>
            <a className="footer-link" onClick={() => setPage('inventory')}>Trucks and work vehicles</a>
            <a className="footer-link" onClick={() => setPage('inventory')}>Under $10,000</a>
            <a className="footer-link" onClick={() => setPage('inventory')}>SUVs ({COUNTS.suv || 0})</a>
          </div>
          <div>
            <div className="footer-h">Buying</div>
            <a className="footer-link" onClick={() => window.openLead && window.openLead('finance')}>Apply for financing</a>
            <a className="footer-link" onClick={() => window.openLead && window.openLead('trade')}>Value your trade</a>
            <a className="footer-link" onClick={() => window.openLead && window.openLead('report')}>Ask for more details</a>
            <a className="footer-link" onClick={() => window.openLead && window.openLead('testdrive')}>Schedule test drive</a>
            <a className="footer-link" onClick={() => window.openLead && window.openLead('general')}>Contact us</a>
          </div>
          <div>
            <div className="footer-h">Lot &amp; office</div>
            <p style={{ color: 'var(--fg-mute)', fontSize: 14, lineHeight: 1.75 }}>
              691 N. Loudoun St<br/>
              Winchester, VA 22601<br/>
              <br/>
              <a href="tel:540-450-5373" style={{ color: 'var(--fg)' }}>(540) 450-5373</a><br/>
              amdreammotors@gmail.com<br/>
              <br/>
              <span className="mono" style={{ fontSize: 10.5, letterSpacing: '0.16em', color: 'var(--fg-dim)' }}>MON–SAT 10–6 · SUN CLOSED</span>
            </p>
          </div>
        </div>
        <div className="footer-bot">
          <div>© 2026 American Dream Motors LLC · VA Dealer #57550</div>
          <div style={{ display: 'flex', gap: 24 }}>
            <a>Privacy</a><a>Terms</a><a>Accessibility</a><a>Sitemap</a>
          </div>
        </div>
      </div>
    </footer>
  );
}

/* ====================== STICKY MOBILE CTA ====================== */
function StickyCTA({ setPage }) {
  return (
    <div className="sticky-cta">
      <button className="btn btn-sm" onClick={() => window.open('tel:540-450-5373')}>Call</button>
      <button className="btn btn-sm" onClick={() => setPage('inventory')}>Browse</button>
      <button className="btn btn-sm btn-primary" onClick={() => window.openLead && window.openLead('general')}>Contact <span className="btn-arrow">→</span></button>
    </div>
  );
}

/* ====================== CTA BAND ====================== */
function CTABand({ setPage }) {
  return (
    <section className="cta-band">
      <div>
        <Eyebrow num={9}>Come kick the tires</Eyebrow>
        <h2 className="cta-h" style={{ marginTop: 24, color: 'var(--bone)' }}>
          Find the one.<br/>
          Send your info.<br/>
          <em style={{ fontStyle: 'italic', color: 'var(--accent-soft)' }}>We follow up.</em>
        </h2>
      </div>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'stretch' }}>
        <button className="btn btn-primary btn-lg" style={{ justifyContent: 'space-between' }} onClick={() => setPage('inventory')}>
          Browse all 44 <span className="btn-arrow">→</span>
        </button>
        <a href="tel:540-450-5373" className="btn btn-ghost btn-lg" style={{ justifyContent: 'space-between', borderColor: 'rgba(247,241,221,0.2)', color: 'var(--bone)' }}>
          Call (540) 450-5373 <span className="btn-arrow">→</span>
        </a>
        <button className="btn btn-ghost btn-lg" style={{ justifyContent: 'space-between', borderColor: 'rgba(247,241,221,0.2)', color: 'var(--bone)' }} onClick={() => window.openLead && window.openLead('finance')}>
          Apply for financing <span className="btn-arrow">→</span>
        </button>
        <div className="mono" style={{ fontSize: 10.5, color: 'rgba(247,241,221,0.45)', letterSpacing: '0.18em', textTransform: 'uppercase', marginTop: 8, fontWeight: 500 }}>
          Live inventory · Fast contact · Human follow-up
        </div>
      </div>
    </section>
  );
}

/* ====================== FUZZY SEARCH ====================== */
function matchScore(q, v) {
  if (!q) return 0;
  const haystack = `${v.year} ${v.make} ${v.model} ${v.trim} ${v.body} ${v.fuel} ${v.color}`.toLowerCase();
  const tokens = q.toLowerCase().trim().split(/\s+/);
  let score = 0;
  for (const t of tokens) {
    if (!t) continue;
    if (haystack.includes(t)) score += 2;
    else {
      let i = 0;
      for (const ch of t) {
        const next = haystack.indexOf(ch, i);
        if (next < 0) { score -= 1; break; }
        i = next + 1;
      }
      score += 0.5;
    }
  }
  return score;
}

function FuzzySearch({ onPickVehicle, setPage, placeholder = "Try 'diesel under $20k' or 'manual Ranger'…" }) {
  const [q, setQ] = useState('');
  const [open, setOpen] = useState(false);
  const [active, setActive] = useState(0);
  const ref = useRef(null);

  const results = useMemo(() => {
    if (!q.trim()) return [];
    const scored = VEHICLES.map(v => ({ v, s: matchScore(q, v) }));
    scored.sort((a, b) => b.s - a.s);
    return scored.filter(s => s.s > 0).slice(0, 6).map(s => s.v);
  }, [q]);

  const suggestions = useMemo(() => {
    if (!q.trim()) return ['Diesel', 'Under $10k', 'F-150', 'Manual', '4WD', 'Crew cab'];
    const s = new Set();
    MAKES.slice(1).forEach(m => { if (m.toLowerCase().includes(q.toLowerCase())) s.add(m); });
    BODY_TYPES.slice(1).forEach(b => { if (b.toLowerCase().includes(q.toLowerCase())) s.add(b); });
    return [...s].slice(0, 4);
  }, [q]);

  useEffect(() => {
    function close(e) { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }
    document.addEventListener('mousedown', close);
    return () => document.removeEventListener('mousedown', close);
  }, []);

  function handleKey(e) {
    if (!open) return;
    if (e.key === 'ArrowDown') { e.preventDefault(); setActive(a => Math.min(results.length - 1, a + 1)); }
    else if (e.key === 'ArrowUp') { e.preventDefault(); setActive(a => Math.max(0, a - 1)); }
    else if (e.key === 'Enter') {
      e.preventDefault();
      if (results[active]) {
        window.dd && window.dd.track('search_select', { q, pick: results[active].id });
        onPickVehicle && onPickVehicle(results[active]);
      } else if (q.trim()) {
        window.dd && window.dd.track('search_submit', { q });
        setPage && setPage('inventory');
      }
    } else if (e.key === 'Escape') setOpen(false);
  }

  return (
    <div ref={ref} style={{ position: 'relative' }}>
      <div className="search-strip" style={{ gridTemplateColumns: '1fr auto auto' }}>
        <input
          placeholder={placeholder}
          value={q}
          onChange={e => { setQ(e.target.value); setOpen(true); setActive(0); }}
          onFocus={() => { setOpen(true); window.dd && window.dd.track('search_focus'); }}
          onKeyDown={handleKey}
        />
        {q && <button className="btn btn-sm btn-ghost" onClick={() => { setQ(''); setOpen(false); }}>Clear</button>}
        <button className="btn btn-primary" onClick={() => { window.dd && window.dd.track('search_submit', { q }); setPage && setPage('inventory'); }}>
          Search <span className="btn-arrow">→</span>
        </button>
      </div>
      {open && (
        <div style={{
          position: 'absolute', top: 'calc(100% + 8px)', left: 0, right: 0,
          background: 'var(--bg)', border: '1px solid var(--line-strong)',
          borderRadius: 6, zIndex: 20,
          boxShadow: '0 24px 60px rgba(20,17,13,0.20)',
          overflow: 'hidden',
          animation: 'pop-in 220ms cubic-bezier(.2,.7,.2,1) both',
        }}>
          {results.length > 0 && (
            <div style={{ padding: '12px 0', borderBottom: '1px solid var(--line)' }}>
              <div style={{ fontFamily: 'var(--mono)', fontSize: 10, fontWeight: 600, letterSpacing: '0.2em', color: 'var(--fg-dim)', textTransform: 'uppercase', padding: '4px 18px 8px' }}>Vehicles</div>
              {results.map((v, i) => (
                <div key={v.id} onMouseEnter={() => setActive(i)} onClick={() => onPickVehicle && onPickVehicle(v)} style={{
                  display: 'grid', gridTemplateColumns: '64px 1fr auto', alignItems: 'center',
                  gap: 14, padding: '10px 18px', cursor: 'pointer',
                  background: i === active ? 'color-mix(in oklab, var(--accent) 8%, transparent)' : 'transparent',
                  transition: 'background 140ms',
                }}>
                  <div style={{
                    width: 64, height: 44, borderRadius: 4,
                    backgroundSize: 'cover', backgroundPosition: 'center',
                    backgroundImage: `url("${unsplashUrl(v.photo, 200)}")`,
                    border: '1px solid var(--line)',
                  }}></div>
                  <div>
                    <div style={{ fontFamily: 'var(--display)', fontSize: 17 }}>{v.year} {v.make} <span style={{ color: 'var(--fg-mute)' }}>{v.model}</span></div>
                    <div className="mono" style={{ fontSize: 10, color: 'var(--fg-dim)', letterSpacing: '0.14em', fontWeight: 500, marginTop: 2 }}>{v.miles.toLocaleString()} MI · {v.drive} · {v.fuel}</div>
                  </div>
                  <div style={{ fontFamily: 'var(--display)', fontSize: 18 }}>{fmt$(v.price)}</div>
                </div>
              ))}
            </div>
          )}
          <div style={{ padding: '12px 0' }}>
            <div style={{ fontFamily: 'var(--mono)', fontSize: 10, fontWeight: 600, letterSpacing: '0.2em', color: 'var(--fg-dim)', textTransform: 'uppercase', padding: '4px 14px 8px' }}>{q ? 'Suggestions' : 'Try'}</div>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, padding: '4px 14px 12px' }}>
              {suggestions.map(s => <button key={s} className="chip chip-solid" onClick={() => { setQ(s); }}>{s}</button>)}
            </div>
          </div>
        </div>
      )}
    </div>
  );
}

/* ====================== CARFAX BUTTON ====================== */
function CarfaxButton({ vin, onClick }) {
  return (
    <button className="carfax-btn" onClick={(e) => { e.stopPropagation(); window.dd && window.dd.track('carfax_view', { vin }); onClick && onClick(); }}>
      <div className="carfax-bar"></div>
      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', lineHeight: 1 }}>
        <span style={{ fontFamily: 'var(--mono)', fontSize: 9, fontWeight: 600, letterSpacing: '0.22em', opacity: 0.7 }}>SHOW ME THE</span>
        <span style={{ fontFamily: 'var(--display)', fontSize: 22, letterSpacing: '-0.01em', marginTop: 4 }}>Vehicle History</span>
      </div>
      <span style={{ marginLeft: 'auto', display: 'flex', flexDirection: 'column', alignItems: 'flex-end', gap: 2 }}>
        <span className="mono" style={{ fontSize: 9, fontWeight: 600, letterSpacing: '0.18em', opacity: 0.7 }}>FREE</span>
        <span style={{ fontFamily: 'var(--mono)', fontSize: 10, fontWeight: 600, letterSpacing: '0.2em' }}>FULL REPORT →</span>
      </span>
    </button>
  );
}

/* ====================== EVENT LOG ====================== */
function EventLog() {
  const [events, setEvents] = useState(() => (window.dd ? window.dd.recent(20) : []));
  useEffect(() => {
    if (!window.dd) return;
    return window.dd.subscribe(() => setEvents(window.dd.recent(20)));
  }, []);
  return (
    <div style={{ maxHeight: 200, overflowY: 'auto', fontFamily: 'var(--mono)', fontSize: 10, lineHeight: 1.5 }}>
      {events.length === 0 && <div style={{ color: 'var(--fg-dim)', padding: 4 }}>No events yet</div>}
      {events.map(e => (
        <div key={e.id} style={{ padding: '4px 0', borderTop: '1px solid var(--line)', display: 'flex', justifyContent: 'space-between', gap: 8 }}>
          <span style={{ color: 'var(--accent)' }}>{e.event}</span>
          <span style={{ color: 'var(--fg-dim)' }}>{new Date(e.ts).toLocaleTimeString()}</span>
        </div>
      ))}
    </div>
  );
}

Object.assign(window, {
  VEHICLES, BODY_TYPES, FUEL_TYPES, MAKES, ACCENT_PALETTES, TOTAL_INVENTORY, COUNTS,
  fmt$, fmtMiles, calcPayment, unsplashUrl,
  LOT_HOURS, lotIsOpen, OpenChip,
  Brand, BrandCompact, Eyebrow, SectionHead, Photo,
  CarPlaceholder: Photo,
  VehicleCard, Nav, Footer, CTABand, StickyCTA,
  FuzzySearch, CarfaxButton, EventLog,
  Reveal, Counter, useReveal,
});
