PageSourceSearch

https://www.commonwealthnissan.com/inventory/used

html commonwealthnissan.com collected 2026-09-29 16:33:14 UTC 2,086,009 bytes, 22,790 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5  
6  
7
8
9
10  <link rel="icon" href="https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=33242" type="image/x-icon" />
11  <meta charset="utf-8" />
12  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=6,user-scalable=1" />
13  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
14  <title>Shop Used Cars, Trucks &amp; SUVs for Sale in Lawrence, MA</title>
15        <meta name="description" content="Browse quality used cars, trucks, and SUVs at Commonwealth Nissan in Lawrence, MA. Find great deals on reliable pre-owned vehicles and schedule a test drive today." />
16            <link rel="canonical" href="https://www.commonwealthnissan.com/inventory/used" />
17      <meta property="og:title" content="Shop Used Cars, Trucks &amp; SUVs for Sale in Lawrence, MA" />
18      <meta property="og:site_name" content="Commonwealth Nissan" />
19      <meta property="og:description" content="Browse quality used cars, trucks, and SUVs at Commonwealth Nissan in Lawrence, MA. Find great deals on reliable pre-owned vehicles and schedule a test drive today." />
20      <meta property="og:image" content="https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=273941&Width=0&Height=0&logo=y" />
21
22
23  
24<script type="text/javascript">
25
26
27    var ApiBaseUrl = 'https://www.commonwealthnissan.com/api';
28    var baseUrl = 'https://www.commonwealthnissan.com';
29    var currentRequestUrl = 'https://www.commonwealthnissan.com/inventory/used';
30    var inventoryApiBaseUrl = 'https://websites.api.teamvelocityportal.com/';
31    var dynamicAudioVideoBaseUrl = 'https://advid.api.teamvelocityportal.com/'
32    var primaryColor = '#000';
33    var secondaryColor = '#000000';
34    var accountId = '59998';
35    var campaignId = '3306';
36    var baseAccountId = '59998';
37    var baseCampaignId = '3306';
38    var make = 'Nissan';
39    var phonenumber = '(978) 685-3400';
40    var fullAddress = '1 Commonwealth Dr., Lawrence, MA 01841';
41    var secondaryAddress = '';
42    var secondaryAddressType = '';
43    var city = 'Lawrence';
44    var state = 'MA';
45    var street = '1 Commonwealth Dr.';
46    var zip = '01841';
47    var clientName = "Commonwealth Nissan";
48    var hasredcapid = 'False';
49    var campaignid = '3306';
50    var salesNumber = '978-350-5287';
51    var serviceNumber = '978-350-5497';
52    var partsNumber = '978-350-5497';
53    var contactEmail = '';
54    var isCaliforniaDealer = 'False';
55    var isCalifornia = 'False' === 'True' ;
56    var isRedCapScheaduleServiceEnabled = 'False';
57    var enablePINLoginEntry = 'False';
58    var isEventDrivenPopupEnabled = 'True';
59    var isServiceOnly = 'False' === 'True';
60    var isUsedOnly = 'False' === 'True';
61    var isauthenticated = 'False';
62    var userpin = '';
63    var paymentapi = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tL09mZmVyTWFuYWdlci9TZXJ2aWNlL09mZmVyTWFuYWdlckFQSS9HZXRQYXltZW50cw==';
64    var enableTextus = 'True';
65    var isServiceSchedulerEnabled = 'False';
66    var enableDigitalRetail = 'False' === 'True';
67    var enableSpinCar = 'False' === 'True';
68    var buyerCallPostUrl = 'https://mycreditdriveapp.com/form_leads';
69    var portalLogin = 'true' === 'true';
70    var loginUrl = 'https://www.commonwealthnissan.com/identitylogin';
71    var portalUrl = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tLw==';
72    var offerManagerApiUrl = 'aHR0cHM6Ly9vZmZlcm1hbmFnZXIuYXBpLnRlYW12ZWxvY2l0eXBvcnRhbC5jb20v';
73    var enableOfferManagerK8sMigration = 'false' === 'true';
74    window.tid = '4014455d-38c9-437c-b8f4-f4aacd42a43c';
75    window.isBot = 'True';
76    var cdnurl = 'https://prod.cdn.secureoffersites.com';
77    var cdnUrl = 'https://prod.cdn.secureoffersites.com';
78    var textusParameter = '';
79    var ismobile = 'False' === 'True';
80    var istablet = 'False' === 'True';
81    var upgradeMatrixInventoryUrl = 'https://www.commonwealthnissan.com/inventory';
82    var latitude = '42.714404';
83    var longitude = '-71.138181';
84    var isEnableCarStory = 'True';
85    var enableCarStoryForNew = 'false' === 'true';
86    var enableGoogleTranslate = 'True' === 'True';
87    var roadStarUrl= ' https://express.commonwealthnissan.com/express';
88    var userDetails = {
89        consumerid: '',
90        firstname: '',
91        lastname: '',
92        middlename: '',
93        email: '',
94        phonenumber: '',
95        userpin: '',
96        isPhoneNumberLogin: '',
97        isPinLogin: 'false' === 'true',
98        zip: '',
99        city: '',
100        state: '',
101        address:'',
102        address2: ''
103    };
104    var pageTypeId = 0;
105    var environment = 'Production';
106    var pageStateKey = '';
107    var masterLayoutName = '_Website_Gemini.cshtml'.replace('.cshtml','');
108    var jQuery = '';
109    var redcapDealerId = '';
110    var virtualAssistantDomain = 'aHR0cHM6Ly92aXJ0dWFsYXNzaXN0YW50LmFwaS50ZWFtdmVsb2NpdHlwb3J0YWwuY29t';
111    var gmIncentivesApiUrl = 'https://offermanager.api.teamvelocityportal.com';
112    var temporaryRedcap = 'false' === 'true';
113    var enableSaveOfferTransact = 'false' === 'true';
114    var isCustomPage = 'false' === 'true';
115    var customPageTitle='';
116    var isForceEnableDigitalRetail = 'false' === 'true';
117    var rotatingBannerDelayTime = 5;
118    var vehicleOfferRotationalDelay = 15;
119    var enableLESAVideo = 'false' === 'true';
120    var VDPTransactButtonLabel = 'Customize Your Payment';
121    var RoadStarDpId = 'commonwealthnissan';
122    var roadsterVDPButtonName = 'Pricing and Payment Options';
123    var roadsterImageUrl = '';
124    var enableTextusLeadToCRM = 'true' === 'true';
125    var themeId =10;
126    var enableJoyRide = 'false' === 'true';
127    var joyRideDomain = '';
128    var joyRideStoreId = 0;
129    var joyRideButtonLabel = '';
130    var scheduleServiceCall = true;
131    var showCookieDisclaimer = 'False' == 'True';
132    var nonTaxState = 'false' === 'true';
133    var showPerDayAndPerMonthOnVDP = 'false' === 'true';
134    var swapSalesAndServiceNumbers = 'False';
135    var enableAutoCheck = 'false' === 'true';
136    var contactUsLabel = 'ASK A QUESTION?';
137    var salesPhoneLabel = 'Sales';
138    var servicePhoneLabel = 'Service';
139    var partsPhoneLabel = 'Parts';
140    var priceColor = '';
141    var enableCoVideo = 'false' === 'true';
142    var  enableHndaProgram= 'false' === 'true';
143    var oemCode = '5307';
144    var enableCarSaverButtonLabel = '';
145    var enableTCPAConsent = 'true' === 'true';
146    var tcpaConsentMessage = 'You agree to receive informational and promotional messages (appointment reminders, account notifications, special offers, payment links, etc.) from Commonwealth Nissan. Message frequency varies. Message and data rates may apply. For more info, reply HELP or email us at [email protected]. You can opt out at any time by replying STOP.';
147    var showServiceAppraisalPopup = '' === "True"; //isServiceAppraisal setting when user login
148    var showPrecisionBonusOfferPopup = '' === "True"; //Precision_BonusOffer setting when user login
149    var showPrecisionTradeValuePopup = '' === "True"; //Precision_TradeValue setting when user login
150    var changeSessionId = '' === "True"; //update sessionid with userpin when cc_emulate=true login
151    var autoSendEmailTradeOffer = 'false' === 'true';
152    var autoSendEmailBonusOffer = 'false' === 'true';
153    var validateZipCode = 'false' === 'true';
154    var themeName='Nissan';
155    var enableRecallMaster = 'true' === 'true';
156    var enableMsbiProgram = 'False';
157    var vendorToken = '';
158    var enableTradePending = 'False';
159    var snapId = '';
160    var enableRecallMaster = 'true' === 'true';
161    var isDealerGroup = 'false' === 'true';
162    var hideLeasePanel = 'False' === 'True';
163    var hideFinancePanel = 'False' === 'True';
164    var hideCashPanel = 'False' === 'True';
165    var hideUsedFinancePanel = 'False' === 'True';
166    var hideUsedCashPanel = 'False' === 'True';
167    var enableOEMProgram = 'True' === 'True';
168    var enableSmartPathOnboardingModal = 'False' === 'True';
169    var enableWebsiteTagging = 'True' === 'True';
170    var enableChatAnalyticsTagging = 'False' === 'True';
171    var enableLeadIntegration = 'True' === 'True';
172    var oemProgramName = 'NissanShift';
173    var showLoyaltyIncentives = 'false' === 'true';
174    var bodyShopPhoneLabel = '';
175    var bodyShopNumber = '';
176    var enableFirkinTech = 'false' === 'true';
177    var hideVINandStock = 'false' === 'true';
178    var hideTradeFromLogin = 'false' === 'true';
179    var tCPADisclaimer = 'By signing up, you consent to receive text messages from Commonwealth Nissan, including conversational and automated messages regarding your automotive services, updates, and marketing messages. Message frequency may vary. Message and data rates may apply. Text HELP for assistance or STOP to cancel. Consent can be revoked at any time. By signing, you agree to our &lt;p&gt;&lt;a href=&quot;/privacy-policy&quot;&gt;Privacy Policy&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href=&quot;/termsandconditions&quot;&gt;Terms and Conditions&lt;/a&gt;.&lt;/p&gt;';
180    var enablePopupVideo = 'false' === 'true';
181    var videoURL = '';
182    var videoCTAName = '';
183    var videoCTALink = '';
184    var hideVehicleDetailsOnStep2 = 'False' === 'True';
185    var hideAllCTAs = 'False' === 'True';
186    var menuColor = '';
187    var menuFontColor = '';
188    var subMenuColor = '';
189    var subMenuFontColor = '';
190    var headerBackGroundColor = '';
191    var headerFontColor = '';
192    var alwaysUseDealerImages = 'False' === 'True';
193    var signInButtonColor = '';
194    var chromeImagePath = 'aHR0cHM6Ly9zZXJ2aWNlLnNlY3VyZW9mZmVyc2l0ZXMuY29tL2ltYWdlcy9nZXRldm94aW1hZ2U=';
195    var libraryImagePath = 'aHR0cHM6Ly9zZXJ2aWNlLnNlY3VyZW9mZmVyc2l0ZXMuY29tL2ltYWdlcy9nZXRsaWJyYXJ5aW1hZ2U=';
196    var enableNewImageRules = 'true'; //Added for OAS-20116
197    var refeerUrl = '';
198    var crawlerBots = 'Slurp|slurp|ask|Teoma|teoma|bot|Bot|prtg';
199    var pinsrcList = 'od,test,est,kiosk,tets,tes';
200    var portalIPBots = '38.118.71.*|192.168.24.*|192.168.25.*|192.168.26.*';
201    var portalDomainBots = 'dGVhbXZlbG9jaXR5cG9ydGFsLmNvbQ==';
202    var consumerEventsToLogStatus = '1';
203    var showDealerSelection = 'false' === 'true';
204    var sRPSortType = 'stockhtol';
205    var enableCountsOnInventoryControl = 'True' === 'True';
206    var cookieDisclaimerText = '';
207    var enableQuickStart = 'False' === 'True';
208    var enableQuickStartMobile = 'False' === 'True';
209    var quickStartColor = '';
210
211    var angleValue = '032';
212
213    var enablePopupVideoMobile = 'false' === 'true';
214    var videoURLMobile = '';
215    var videoCTANameMobile = '';
216    var videoCTALinkMobile = '';
217
218    //FinanceSettings
219    var IsFinanceAppSettingsEnabled = 'False'
220    var financeApplicationHeading = 'Apply For Financing';
221    var financeAppDealerCode = '';
222    var enableElend = 'False' === 'True';
223    var elendId = '';
224    var enableBuyerCall = 'False' === 'True';
225    var buyerCallId = '';
226    var enableCreditR1 = 'False' === 'True';
227    var r1DealerId = '';
228    var logoImage = 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=273941&amp;Width=0&amp;Height=0&amp;logo=y';
229    var enableCbc = 'False' === 'True';
230    var cbcUserId = '';
231    var cbcUserPwd = '';
232    var cbcCustomerId = '';
233    var cbcMasterUserId = '';
234    var cbcMasterUserPwd = '';
235
236    var enableMotoCommerce = 'false' === 'true';
237    var motoCommerceLabel = '';
238    var hideTradeSlider = 'false' === 'true';
239    var enableCheckAvailability = false;
240    var hidePaymentCustomizing = 'True' === 'True';
241    var textWidgetPosition = 'Bottom Right';
242    var globalLeadFormThankyouMessage = 'Thank you, your information has been received and a dealer representative will contact you soon';
243    var AllowUsedForVOI = 'false' === 'true';
244    var serviceSpecialsCTAButtonsColor = '#C32032';
245    var serviceSpecialsCTAButtonsFontColor = '#FFFFFF';
246
247    var CheckAvailabilityButtonColor = '';
248    var CheckAvailabilityButtonName = '';
249    var CheckAvailabilityFontColor = '';
250    var integrateWithText = 'False' === 'True';
251    var scheduleServiceSelectButtonsColor = '';
252    var scheduleServiceSelectButtonsFontColor = '';
253    var enableWindowStickerInPaymentPanel = 'False' === 'True';
254    var digiServiceUseOverrides = 'True' === 'True';
255    var EventDrivenBonusOfferSalesCount = '3';
256    var ContactUsShowDealerSelection = 'False' === 'True';
257    var allowNewWithUsed = 'False' === 'True';
258    var hideEmployeeIncentives = 'false' === 'true';
259    var sellUsYourCarDealerSelection = 'False' === 'True';
260    var valueMyTradeDealerSelection = 'False' === 'True';
261    var enableReserveYourVehicle = 'True' === 'True';
262    var setTextAsLeadForm = 'True' === 'True';
263
264    var useSellingPriceOnInventoryControl = 'false' === 'true';
265    var isPhoneMandatoryInLeadForms = 'False' === 'True';
266    var autoToggleTCPA = 'True' === 'True';
267    var showDisclaimerWithNoToggle = 'True' === 'True';
268    var showCallForPriceSRP = 'false' === 'true';
269    var chatWidgetApiBaseUrl = 'https://virtualassistant.api.teamvelocityportal.com';
270    var chatSignalRUrl = 'https://assistantcommunications.teamvelocityportal.com';
271    var routeOneApiBaseUrl = 'https://routeone.teamvelocityportal.com/api';
272    var cbcApiBaseUrl = 'https://cbc.teamvelocityportal.com/api';
273    var eLendApiBaseUrl = 'https://elend.api.teamvelocityportal.com/api';
274    var dRaiverApiBaseUrl  = 'https://draiver.api.teamvelocityportal.com/api';
275    var isPhoneOnGetOffer = 'False' === 'True';
276    var landingPopUpText ='';
277    var landingPopupStartDate ='';
278    var landingPopupEndDate ='';
279    var certifiedLogoUrl = '';
280    var hidePreOwnedSpecialsContactUs='False'==='True';
281    var vehicleSpecialsClickUrl='';
282    var vehicledefaultcolor='silver';
283    var kbbDealIncicatorAPIKey='';
284    var enableKbbDealIndicator = 'False' === 'True';
285    var signInButtonFontColor = '';
286    var signInButtonborderColor = '';
287    var checkAvailabilityBorderColor='';
288    var googleMapZoom=15;
289    var enableTextAQuoteLead = 'false' === "true";
290     var footerColor ='';
291    var footerFontColor = '#000000';
292    var footerLinkBackgroundColor = '';
293    var isFdDealer = 'false' === "true";
294    var hideDirectionsButton = 'False' === "True";
295    var  textUsCTAButtonLabel= 'Text Us';
296    var headerBorderColor = '';
297    var footerBorderColor = '';
298    var serviceScheduleShowDealerSelection = 'false' === 'true';
299    var  textUsMobileCTAButtonLabel= 'Text Us';
300    var menuEvent = 'click';
301    var hideAuotmatedSpecials = 'false' === 'true';
302    var disableBonusOfferOnMobile='False'==='True';
303    var shopByBrand = 'Acura,BMW,Chevrolet,Ford,Honda,Jeep,Kia,Nissan,RAM,Subaru,Toyota,Volkswagen';
304    var shopByType = 'SUV,Sedan,Truck,Hatchback,Van';
305    var priceType = '0';
306    var masterTemplateId = '22';
307    var searchBarNoResultsText = '';
308    var srpNoInventoryResultsText = '';
309    var ipaddress = '104.234.32.1';
310    var leftArrowColor = '';
311    var rightArrowColor = '';
312    var getOffer ='Get Offer';
313    var RegionName = '';
314    var RegionCode = '';
315    var OEMDistrict = '';
316    var tireStoreUrl = '';
317    var enableINVOCA = 'false' === 'true' && 'false' !== 'true';
318    var InvocaCDNUrl = 'https://www.commonwealthnissan.com';
319    var OEM_Code = '5307';
320    var enableServicePassVdpLogo = 'false' == "true";
321    var enableCoxDR = 'false' === 'true';
322    var IncentiveSource ='AIS';
323    var enableSonicDataLayer = 'false' === "true"
324    var useSonicSourceLabel = 'false' === "true";
325    var sonicDataLayerGtmId = "";
326    var isGoogleChatEnabled = 'true' == "true";
327    var enableV2Assistant = 'true' == "true";
328    var isTextUsEnabled = 'true' == "true";
329    var quickStartSalesPhoneNumber ='';
330    var quickStartServicePhoneNumber ='';
331    var textUsButtonColor = '#000000';
332    var textUsFontColor = '#FFFFFF';
333    var enableStrolidWidget = 'false' == "true";
334    var cookieDisclaimerBackgroundColor ='';
335    var cookieDisclaimerFontColor ='';
336    var cookieDisclaimerOKButtonColor = '';
337    var cookieDisclaimerOKButtonFontColor = '';
338    var disableBuildAndPrice = 'false' === "true";
339    var ascGtmId = '';
340    var isIFrame = 'false' === "true";
341    var isCommentsMandatory = 'false' ===  "true";
342    var isBonusOfferExists = 'true' ===  "true";
343    var enableHendrickDataLayer = 'false'== "true";
344    var hendrickDataLayerGtmId ='';
345    var ga4DigitalAnalyticsKey = '';
346    var ga4GoogleAnalyticsKey = 'G-ZK0F3GN7H7';
347    var ga4GoogleAnalyticsKey2 = 'G-22TYF1V49B';
348    var ga4GoogleAnalyticsKey3 = '';
349    var enableEdmunds = 'false' == 'true';
350    var enableEdmundsCash = 'false' == 'true';
351    var enableEdmundsInCTA = 'false' == 'true';
352    var edmundsId = '';
353    var edmundsCashId = '';
354    var edmundsIdCTA = '';
355    var edmundsGoogleAnalyticsKey = '';
356    var edmundsCashGoogleAnalyticsKey = '';
357    var edmundsCTAGoogleAnalyticsKey = '';
358    var specialRotator = 'Drive-In';
359    var srpMouseOver = '360-Spin';
360    var featuredSpecial = 'Drive-In';
361    var isSmartPathEnabled = 'false' == "true";
362    var enableEvoxDriveIn ='false' === 'true';
363    var isDigitalDealer = 'true' === 'true';
364    var DGDataHub = null;
365  var smartPathSubsiteUrl  ='';
366  var enableGuaranteedTradeInProgram = 'false' == "true";
367  var showZipCodeOnGetOffer = 'false' === "true"
368  var showCommentsOnGetOffer = 'false' === "true"
369  var openSocialLinksInLightBox  = 'false' === "true";
370  var isSDISEnabled =   'false' == "true";
371  var isDDOAEnabled = 'false' == "true";
372  var secondaryAddressLatitude = '';
373  var secondaryAddressLongitude = '';
374  var bmwCertifiedCenter = 'false' === 'true';
375  var enableUnlockSmartPrice = 'false' === 'true';
376  var showTextPermission = 'false' === "true";
377  var enabledFordDirectVehicleVideo='false' === 'true';
378  var ga4MakeCategory = 'foreign';
379  var enableBuildaBrand = 'false' === "true";
380  var enableBuildaBrandVdp = 'false' === "true";
381  var buildaBrandId = '';
382  var buildaBrandToken = '';
383  var websiteAnalyticKey = 'G-9P5XKKGPLX';
384  var fdDigitalAnalyticsKey = '';
385  var enableASCEventsOnly1ForGA4 = 'false' === 'true';
386  var enableASCEventsOnly2ForGA4 = 'false' === 'true';
387  var enableASCEventsOnly3ForGA4 = 'false' === 'true';
388  var enableASCEventsOnly4ForGA4 = 'false' === 'true';
389  var enableNewSRPVDPSmartPathCTAs = 'false' === 'true';
390  var enableUsedSRPVDPSmartPathCTAs = 'false' === 'true';
391  var useNewForShopByBrand = 'false' === 'true';
392  var useNewForShopByType = 'false' === 'true';
393  var enablematadorChatCta = 'false' === 'true';
394  var matadorChatCtaTxt = '';
395  var isRotationalCouponsNewDesign  = 'true' === 'true';
396  var enableCPOSRPVDPSmartPathCTAs = 'false' === 'true';
397  var researchModelDefaultYear = '';
398  var inTransitDisclaimer = '';
399  var facebookColor = '';
400  var instagramColor = '';
401  var twitterColor = '';
402  var youtubeColor = '';
403  var tiktokColor = '';
404  var linkedInColor = '';
405  var headerColor = '1';
406  var dealerManufacturers = 'Nissan';
407  var IncentiveModelDefaultYear = '';
408  var ReserveYourVehicleModelDefaultYear = '';
409  var enableDisasterMessage = 'true' === 'true';
410  var isEmailMandatoryUnlockInLeadForm= 'False' === 'True';
411  var showDealerGroupNumber = 'False' === 'True';
412  var enableDigitalOEMProgram = 'True' === 'True';
413  var enableFloodLightTaagging = 'False' === 'True';
414  var enableEpsilonTags = 'false' === 'true';
415  var isVdp= 'false' == 'true';
416  var menuStyleId = '7';
417  var enableAccessRewards = 'true' === 'true';
418  var isMaseratiGrecaleHomePagePopUp = 'False' === 'True';
419  var defaultSRPPaymentTypeNew = 'cash';
420  var defaultSRPPaymentTypeUsed = 'cash';
421  var defaultSRPPaymentTypeCPO = 'cash';
422  var enableGubagooPreQual = 'False' === 'True';
423  var hideDealershipLocationOnMap= 'False' === 'True';
424  var mobileMenupencilBannerImageId = '0';
425  var showETAForInTransitVehicles = 'False' === 'True';
426  var enableDrsTagging = 'False' === 'True';
427  var enableFordDirectOneToOne = 'false' === 'true';
428  var cookieDisclaimerOKButtonLabel = '';
429  var transactLogoImageId = '273941';
430  var enableGetOfferCTA = 'false' === 'true';
431  var MobileMenuPencilBarURL = '';
432  var MobileMenuPencilBarTab = '';
433  var enableTealiumCDP = 'false' === 'true';
434  var hideExpirationDate = 'false' === 'true';
435  var enableDeptSelectionForDirectionsMobile='false'==='true';
436  var showChatOnMobileFooter = 'true' === 'true';
437  var showTextOnMobileFooter = 'true' === 'true';
438  var enableNewAccountDesign = 'false' === 'true';
439  var alwaysShowMSRPTransact = 'false' === 'true';
440  var alwaysShowMSRPTransactUsed = 'false' === 'true';
441  var enableWebsiteSpeed = 'True' === 'True';
442  var ga4GoogleAnalyticsKey4 = '';
443  var ga4GoogleAnalyticsKey5 = '';
444  var enableASCEventsOnly4Id4ForGA4 = 'false' === 'true';
445  var enableASCEventsOnly4Id5ForGA4 = 'false' === 'true';
446  var enableAccountCreationLead = 'true' === 'true';
447  var showCallUsOrTextUsCta = '4' === '3' ? true : false;
448  var isFooterAssistantSelected = '4' === '4' ? true : false;
449  var logsApiUrl ='https://log.api.teamvelocityportal.com';
450  var showDisclosureInsteadOfLink = 'false' === 'true';
451  var showDisclaimerOnBanners = 'false' === "true";
452  var taxesFeesLabelVDP = '';
453  var windowStickerButtonColor = '';
454  var windowStickerButtonFontColor = '';
455  var windowStickerButtonBorderColor = '';
456  var enableVehicleTypeInVehicleNames = 'false' === 'true';
457  var hideMPG = 'false' === 'true';
458  var showOEMPaymentIncentives = 'false' === 'true';
459  var assistantSentryDns = 'https://[email protected]/5833431';
460  var onlinePartsStoreUrl = '';
461  var smartPathUnlockPriceLabel ='';
462  var conditionalOfferFontColor = '';
463  var enableSignInPrompt = 'True' === 'True';
464  var hideHoursOnHeader = 'false' === 'true';
465  var isSiteMapExists = 'True'  === 'True';
466  var showOnlyLowestAPRWithHighestTerm = 'False' === 'True';
467  var enableBlueStarRating = 'false' === 'true';
468  var blueStarAPIKey = '';
469  var showCallForPriceForNewSpecials = 'false' === 'true';
470  var showCallForPriceForPreOwnedSpecials = 'false' === 'true';
471  var primaryDomain = 'www.commonwealthnissan.com';
472  var sendLoginsToHomePage = 'false' === 'true';
473  var enablePrivacy4CarsBadgeInVDP = 'false' === 'true';
474  var enablePrivacy4CarsBadgeInSRP = 'false' === 'true';
475  var privacy4CarsId = '';
476  var accessoriesUrl = '';
477  var defaultPrefferedContactToPhone = 'false' === 'true';
478  var callUsButtonColor = '';
479  var callUsButtonFontColor = '';
480  var textUsMobileButtonColor = '';
481  var textUsMobileButtonFontColor = '';
482  var franchiseString = 'Nissan';
483  var disableDNIScripts = 'False';
484  var useMSRPInsteadofFinalPriceforStartingAt = 'false' === 'true';
485  var enableSignInPromptMobile = 'true' === 'true';
486  var enableWindowStickerInVDPSecondaryCTAs = 'true' === 'true';
487  var showIconsForSignInandSpanish = 'false' === 'true';
488  var isVdvPanelEnabled = 'false' === 'true';
489  var enableVdvPlayButtonAboveVdpGallery = 'false' === 'true';
490  var disableVdvOnVdp = 'false' === 'true';
491  var disableVdvOnSrp = 'false' === 'true';
492  var disableVdvOnSpecialOffers = 'false' === 'true';
493  var disableVdvOnDynamicBanners = 'false' === 'true';
494  var googleColor = '';
495  var printerestColor = '';
496  var makeZipCodeMandatory = 'false' === 'true';
497  var hideServiceHoursOnHeader = 'false' === 'true';
498  var enableActivEngage = 'false' === 'true';
499  var additionalPhoneNumberLabel = '';
500  var additionalPhoneNumber = '';
501  var enableViewInventoryOnResearchModels = 'false' === 'true';
502  var includeTextingPreferred = 'false' === 'true';
503  var fastlyESInventoryAPIBaseUrl = 'https://www.commonwealthnissan.com/tvm-services';
504  var isEmailMandatory = 'false' === 'true';
505  var hideDownPaymentOnSpecials = 'false' === 'true';
506  var urlPathStyleId = 0;
507  var urlPathVin = '';
508  var showPhoneNumberLoginOnEntry = 'false' === 'true';
509  var textingPreferred = 'false' === 'true';
510  var enableScheduleServiceButtons = 'false' === 'true';
511  var subMenuTypeMegaMenu = 'true' === 'true';
512  var enableMobileMegaMenu = 'false' === 'true';
513  var defaultTextingPreferredToYes = 'false' === 'true';
514  var cookieRejectButton = 'false' === 'true';
515  var cookieRejectionRedirectURL = '';
516  var hideArchivesandCategories = 'false' === 'true';
517  var enable2FA = 'false' === 'true';
518  var enable2FAForContactUs = 'false' === 'true';
519  var enableTstTestDriveIntegration = 'False' ==='True';
520  var enable360BoothImageOverlay =  'false' === 'true';
521  var enable360Booth =  'false' === 'true';
522  var applyPhoneNumberFormat = 'false' === 'true';
523  var digitalDomainUrl = 'https://service.secureoffersites.com';
524  var tradePendingApiUrl = 'https://tradepending.api.teamvelocityportal.com';
525  var globalThemeName='';
526  var isLocationMandatory = 'false' === 'true';
527  var enableOemInventoryFeed = 'True' === 'True';
528  var showGMPriceStack = 'false' === 'true';
529  var enableSfsCreditApp = 'false' === 'true';
530</script>
530
531
532
533  
534
535  
536
537<script type="text/javascript">
538    var salesDNIScript = '&lt;script&gt;&#xD;&#xA;  gtag(&#x27;config&#x27;, &#x27;AW-658444704/k1WKCOT76MoBEKCj_LkC&#x27;, {&#xD;&#xA;    &#x27;phone_conversion_number&#x27;: &#x27;978-350-5287&#x27;&#xD;&#xA;  });&#xD;&#xA;&lt;/script&gt;';
539    var serviceDNIScript  = '&lt;script&gt;&#xD;&#xA;  gtag(&#x27;config&#x27;, &#x27;AW-658444704/nB25CN396MoBEKCj_LkC&#x27;, {&#xD;&#xA;    &#x27;phone_conversion_number&#x27;: &#x27;978-350-5497&#x27;&#xD;&#xA;  });&#xD;&#xA;&lt;/script&gt;';
540    var remarketingScript  = '&lt;!-- Global site tag (gtag.js) - Google Ads: 658444704 --&gt;&#xD;&#xA;&lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=AW-658444704&quot;&gt;&lt;/script&gt;&#xD;&#xA;&lt;script&gt;&#xD;&#xA;  window.dataLayer = window.dataLayer || [];&#xD;&#xA;  function gtag(){dataLayer.push(arguments);}&#xD;&#xA;  gtag(&#x27;js&#x27;, new Date());&#xD;&#xA;&#xD;&#xA;  gtag(&#x27;config&#x27;, &#x27;AW-658444704&#x27;);&#xD;&#xA;&lt;/script&gt;';
541    var FbpId = '';
542    var conversionAPIKey = '';
543</script>
543
544
545<!-- Global site tag (gtag.js) - Google Ads: 658444704 -->
vendor: 65 bytes, lines 545-546
545
546<script async src="https://www.googletagmanager.com/gtag/js?id=
546AW-658444704
vendor: 13 bytes, line 546
546"></script>
547<script>
548  
vendor: 138 bytes, lines 548-552
548window.dataLayer = window.dataLayer || [];
549  function gtag(){dataLayer.push(arguments);}
550  gtag('js', new Date());
551
552  gtag('config', '
552AW-658444704
vendor: 5 bytes, line 552
552');
553</script>
553<script>
554  gtag('config', 'AW-658444704/k1WKCOT76MoBEKCj_LkC', {
555    'phone_conversion_number': '978-350-5287'
556  });
557</script>
557<script>
558  gtag('config', 'AW-658444704/nB25CN396MoBEKCj_LkC', {
559    'phone_conversion_number': '978-350-5497'
560  });
561</script>
561
562  
563
564  <style>
565    .bgcolor-primary {
566        background-color: #000 !important;
567    }
568
569    .bgcolor-secondary {
570        background-color: #000000 !important;
571    }
572
573    .color-secondary {
574        color: #000000 !important;
575    }
576
577    .hover-color-primary:hover {
578            color: #000 !important;
579    }
580    .color-primary {
581        color: #000 !important;
582    }
583    .VueCarousel-pagination {
584        z-index: 9 !important;
585    }
586    #_website_gemini .page-headline-wrapper {
587      background-color:  !important;
588    }
589    #_website_gemini .page-headline-text {
590      color:  !important;
591    }
592    #_website_gemini .text-white.page-headline-text{
593      color:  !important;
594    }
595
596    #_website_gemini .default_color {
597    background-color: #000;
598    }
599    .default_text_color {
600    color: #FFFF;
601    }
602    .default_submenu-custom-bg {
603    background-color: #FFF;
604    }
605
606    .submenu-custom-bg a,
607    .submenu-custom-bg a:hover,
608    .submenu-custom-bg .submenu_right_arrow {
609        color: #000;
610    }
611
612
613    #_website_gemini .sign_out_link {
614        color:  !important;
615    }
616  </style>
617
618
619    <style>
620    df-messenger {
621    --df-messenger-bot-message: #878fac;
622    --df-messenger-button-titlebar-color: #000 !important;
623    --df-messenger-chat-background-color: #fff;
624    --df-messenger-font-color: white;
625    --df-messenger-send-icon: #878fac;
626    --df-messenger-user-message: #479b3d;
627    }
628    div.chat-wrapper[opened="true"] {
629        height: 450px
630    }
631    </style>
632
633
634  
635
636
637
638      
638<script src="https://prod.cdn.secureoffersites.com/dist/p1143/js/chunk/common.js" type="text/javascript" data-kpa-category="essential" defer></script>
638
639      
639<script src="https://prod.cdn.secureoffersites.com/dist/p1143/js/vendor.js" type="text/javascript" data-kpa-category="essential" defer></script>
639
640
641
642    
642<script src="https://prod.cdn.secureoffersites.com/dist/p1143/vue3/js/vendor.js" data-kpa-category="essential" type="text/javascript" defer></script>
642
643
644
645      
645<script type="application/ld&#x2B;json">
646        {
647            "@context": "http://schema.org",
648            "@graph": [
649                {
650                    "@type": "WebSite",
651                    "@id": "https://www.commonwealthnissan.com/#website",
652                    "name": "Commonwealth Nissan",
653                    "url": "https://www.commonwealthnissan.com"
654                }
655            ]
656        }
657    </script>
657
658    
658<script type="application/ld&#x2B;json">
659            {
660            "@context": "http://schema.org",
661            "@type": "AutoDealer",
662            "name":  "Commonwealth Nissan",
663            "address": {
664            "@type": "PostalAddress",
665            "addressLocality": "Lawrence",
666            "addressCountry": "US",
667            "addressRegion": "MA",
668            "postalCode": "01841",
669            "streetAddress": "1 Commonwealth Dr.",
670            "telephone": "(978) 685-3400"
671            },
672            "image":  "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=273941&amp;Width=0&amp;Height=0",
673            "telePhone":  "(978) 685-3400",
674            "url":  "https://www.commonwealthnissan.com",
675            "openingHoursSpecification":[{"name":"Sales Dept.","type":"OpeningHoursSpecification","closes":" 7:00 PM","dayOfWeek":"Monday","opens":"9:00 AM "},{"name":"Sales Dept.","type":"OpeningHoursSpecification","closes":" 7:00 PM","dayOfWeek":"Tuesday","opens":"9:00 AM "},{"name":"Sales Dept.","type":"OpeningHoursSpecification","closes":" 7:00 PM","dayOfWeek":"Wednesday","opens":"9:00 AM "},{"name":"Sales Dept.","type":"OpeningHoursSpecification","closes":" 7:00 PM","dayOfWeek":"Thursday","opens":"9:00 AM "},{"name":"Sales Dept.","type":"OpeningHoursSpecification","closes":" 6:00 PM","dayOfWeek":"Friday","opens":"9:00 AM "},{"name":"Sales Dept.","type":"OpeningHoursSpecification","closes":" 6:00 PM","dayOfWeek":"Saturday","opens":"9:00 AM "},{"name":"Service \u0026 Parts","type":"OpeningHoursSpecification","closes":" 6:00 PM","dayOfWeek":"Monday","opens":"7:00 AM "},{"name":"Service \u0026 Parts","type":"OpeningHoursSpecification","closes":" 6:00 PM","dayOfWeek":"Tuesday","opens":"7:00 AM "},{"name":"Service \u0026 Parts","type":"OpeningHoursSpecification","closes":" 6:00 PM","dayOfWeek":"Wednesday","opens":"7:00 AM "},{"name":"Service \u0026 Parts","type":"OpeningHoursSpecification","closes":" 6:00 PM","dayOfWeek":"Thursday","opens":"7:00 AM "},{"name":"Service \u0026 Parts","type":"OpeningHoursSpecification","closes":" 6:00 PM","dayOfWeek":"Friday","opens":"7:00 AM "},{"name":"Service \u0026 Parts","type":"OpeningHoursSpecification","closes":" 2:00 PM","dayOfWeek":"Saturday","opens":"7:00 AM "},{"name":"Body Shop","type":"OpeningHoursSpecification","closes":" 5:30 PM","dayOfWeek":"Monday","opens":"7:30 AM "},{"name":"Body Shop","type":"OpeningHoursSpecification","closes":" 5:30 PM","dayOfWeek":"Tuesday","opens":"7:30 AM "},{"name":"Body Shop","type":"OpeningHoursSpecification","closes":" 5:30 PM","dayOfWeek":"Wednesday","opens":"7:30 AM "},{"name":"Body Shop","type":"OpeningHoursSpecification","closes":" 5:30 PM","dayOfWeek":"Thursday","opens":"7:30 AM "},{"name":"Body Shop","type":"OpeningHoursSpecification","closes":" 5:30 PM","dayOfWeek":"Friday","opens":"7:30 AM "},{"name":"Body Shop","type":"OpeningHoursSpecification","closes":" 12:00 PM","dayOfWeek":"Saturday","opens":"8:00 AM "}] ,
676            "geo": {
677            "@type": "GeoCoordinates",
678            "latitude":"42.714404",
679            "longitude": "-71.138181"
680            },
681            "hasMap": "https://www.google.com/maps/place/1 Commonwealth Dr., Lawrence, MA 01841/@42.714404,-71.138181?hl=en",
682            "sameAs" : ["https://www.facebook.com/CommonwealthNissan","https://twitter.com/CM_Nissan1"],
683            "contactPoint" : [
684            {
685            "@type" : "ContactPoint",
686            "telephone" : "+1 978-350-5497",
687            "contactType" : "customer service"
688            } , {
689            "@type" : "ContactPoint",
690            "telephone" : "+1 978-350-5287",
691            "contactType" : "sales"
692            } ],
693            "priceRange":"$1200-$15000"
694            }
695    </script>
695
696
697  
697<script>
698
699    window.addEventListener('message', function (event) {
700        try {
701            if (event.data.func == 'reloadafterlogin' && event.data.message == 'Message text from iframe.') {
702                try {
703                    if (22 == 8 ||
704                        22 == 4 ||
705                        22 == 11 ||
706                        22 == 10 ||
707                        22 == 9 ||
708                        22 == 1)
709                    {
710                        window.location = '/mygarage';
711                    }
712                    else
713                    {
714                        window.location.reload();
715                    }
716                } catch (e)
717                {
718
719                }
720            }
721            else if (event.data.func == "loadiniframe" && event.data.message == 'loadiniframe') {
722                var elem = document.createElement('iframe');
723                elem.style.cssText = 'display:none;';
724                elem.src = 'https://www.commonwealthnissan.com/identitylogin';
725                document.body.appendChild(elem);
726                if ($('.loading-gif')) $('.loading-gif').hide();
727            } else if (event.data.func === 'navigateTo' && event.data.url) {
728                if(event.data.url === '/register'){
729                    window.parent.postMessage({ 'func': 'openRegistrationModal'}, "*")
730                } else {
731                    window.location.href = event.data.url;
732                }
733                if ($('.loading-gif')) $('.loading-gif').hide();
734            } 
735            else if (event.data.func === 'open-phone-login-vehicles' ) {
736                 window.parent.postMessage({ 'func': 'openPhoneVehiclesModal', vehiclesData: event.data.vehiclesData}, "*")
737             }
738            else if (event.data.func === 'open-registration-modal-profile-creation' ) {
739                 window.parent.postMessage({ 'func': 'openRegistrationModalProfileCreation', loginData: event.data.loginData}, "*")
740             }
741        }
742            catch (ex) { }
743        });
744
745</script>
745
746  
747
748  
749            
749<script type="application/ld&#x2B;json">
750                {
751  "@context": "https://schema.org/",
752  "@type": "Vehicle",
753  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility#vehicle",
754  "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility",
755  "itemCondition": "https://schema.org/UsedCondition",
756  "vehicleIdentificationNumber": "1V2FE2CA9RC210862",
757  "productID": "1V2FE2CA9RC210862",
758  "vehicleModelDate": "2024",
759  "model": "Atlas Cross Sport",
760  "sku": "VV30058",
761  "brand": {
762    "@type": "Brand",
763    "name": "Volkswagen"
764  },
765  "vehicleConfiguration": "2.0T SEL Premium R-Line",
766  "vehicleInteriorColor": "Titan Black",
767  "vehicleTransmission": "Automatic",
768  "color": "Pure White",
769  "image": {
770    "@type": "ImageObject",
771    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/36684d950e9b49ce8d2b9364c59f8cd3.jpg",
772    "fileFormat": ".jpg"
773  },
774  "offers": {
775    "@type": "Offer",
776    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility#offer",
777    "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility",
778    "price": "39468.0",
779    "priceCurrency": "USD",
780    "priceValidUntil": "2026-09-29",
781    "description": "Used 2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line- Pricing options include cash 39468.00.",
782    "availability": "https://schema.org/InStock",
783    "itemCondition": "https://schema.org/UsedCondition",
784    "seller": {
785      "@id": "https://www.commonwealthnissan.com/#autodealer"
786    }
787  },
788  "name": "Used 2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line",
789  "description": "Used 2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line for sale in Lawrence, MA. VIN 1V2FE2CA9RC210862, stock VV30058. Pricing options include cash 39468.00."
790}
791            </script>
791
792            
792<script type="application/ld&#x2B;json">
793                {
794  "@context": "https://schema.org/",
795  "@type": "Vehicle",
796  "@id": "https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility#vehicle",
797  "url": "https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility",
798  "itemCondition": "https://schema.org/UsedCondition",
799  "vehicleIdentificationNumber": "4S4GUHU60T3701636",
800  "productID": "4S4GUHU60T3701636",
801  "vehicleModelDate": "2026",
802  "model": "Crosstrek",
803  "sku": "C50388A",
804  "brand": {
805    "@type": "Brand",
806    "name": "Subaru"
807  },
808  "vehicleConfiguration": "Wilderness",
809  "vehicleInteriorColor": "Black",
810  "vehicleTransmission": "CVT",
811  "color": "Geyser Blue",
812  "image": {
813    "@type": "ImageObject",
814    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/dd1521489b204293a744588dbeb77355.jpg",
815    "fileFormat": ".jpg"
816  },
817  "offers": {
818    "@type": "Offer",
819    "@id": "https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility#offer",
820    "url": "https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility",
821    "price": "30048.0",
822    "priceCurrency": "USD",
823    "priceValidUntil": "2026-09-29",
824    "description": "Used 2026 Subaru Crosstrek Wilderness- Pricing options include cash 30048.00.",
825    "availability": "https://schema.org/InStock",
826    "itemCondition": "https://schema.org/UsedCondition",
827    "seller": {
828      "@id": "https://www.commonwealthnissan.com/#autodealer"
829    }
830  },
831  "name": "Used 2026 Subaru Crosstrek Wilderness",
832  "description": "Used 2026 Subaru Crosstrek Wilderness for sale in Lawrence, MA. VIN 4S4GUHU60T3701636, stock C50388A. Pricing options include cash 30048.00."
833}
834            </script>
834
835            
835<script type="application/ld&#x2B;json">
836                {
837  "@context": "https://schema.org/",
838  "@type": "Vehicle",
839  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility#vehicle",
840  "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility",
841  "itemCondition": "https://schema.org/UsedCondition",
842  "vehicleIdentificationNumber": "1V2KN2CA9TC510536",
843  "productID": "1V2KN2CA9TC510536",
844  "vehicleModelDate": "2026",
845  "model": "Atlas",
846  "sku": "VV50013",
847  "brand": {
848    "@type": "Brand",
849    "name": "Volkswagen"
850  },
851  "vehicleConfiguration": "2.0T SE with Technology",
852  "vehicleInteriorColor": "Titan Black",
853  "vehicleTransmission": "Automatic",
854  "color": "White",
855  "image": {
856    "@type": "ImageObject",
857    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/5fa2da4e1dd44361a554423a67211528.jpg",
858    "fileFormat": ".jpg"
859  },
860  "offers": {
861    "@type": "Offer",
862    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility#offer",
863    "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility",
864    "price": "38048.0",
865    "priceCurrency": "USD",
866    "priceValidUntil": "2026-09-29",
867    "description": "Used 2026 Volkswagen Atlas 2.0T SE with Technology- Pricing options include cash 38048.00.",
868    "availability": "https://schema.org/InStock",
869    "itemCondition": "https://schema.org/UsedCondition",
870    "seller": {
871      "@id": "https://www.commonwealthnissan.com/#autodealer"
872    }
873  },
874  "name": "Used 2026 Volkswagen Atlas 2.0T SE with Technology",
875  "description": "Used 2026 Volkswagen Atlas 2.0T SE with Technology for sale in Lawrence, MA. VIN 1V2KN2CA9TC510536, stock VV50013. Pricing options include cash 38048.00."
876}
877            </script>
877
878            
878<script type="application/ld&#x2B;json">
879                {
880  "@context": "https://schema.org/",
881  "@type": "Vehicle",
882  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car#vehicle",
883  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car",
884  "itemCondition": "https://schema.org/UsedCondition",
885  "vehicleIdentificationNumber": "3VWBW7BU1TM003262",
886  "productID": "3VWBW7BU1TM003262",
887  "vehicleModelDate": "2026",
888  "model": "Jetta",
889  "sku": "VV50008",
890  "brand": {
891    "@type": "Brand",
892    "name": "Volkswagen"
893  },
894  "vehicleConfiguration": "Sport",
895  "vehicleInteriorColor": "Titan Black",
896  "vehicleTransmission": "Automatic",
897  "color": "White",
898  "image": {
899    "@type": "ImageObject",
900    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/a372a5dedb464ac996ac910aff6624d7.jpg",
901    "fileFormat": ".jpg"
902  },
903  "offers": {
904    "@type": "Offer",
905    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car#offer",
906    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car",
907    "price": "21048.0",
908    "priceCurrency": "USD",
909    "priceValidUntil": "2026-09-29",
910    "description": "Used 2026 Volkswagen Jetta Sport- Pricing options include cash 21048.00.",
911    "availability": "https://schema.org/InStock",
912    "itemCondition": "https://schema.org/UsedCondition",
913    "seller": {
914      "@id": "https://www.commonwealthnissan.com/#autodealer"
915    }
916  },
917  "name": "Used 2026 Volkswagen Jetta Sport",
918  "description": "Used 2026 Volkswagen Jetta Sport for sale in Lawrence, MA. VIN 3VWBW7BU1TM003262, stock VV50008. Pricing options include cash 21048.00."
919}
920            </script>
920
921            
921<script type="application/ld&#x2B;json">
922                {
923  "@context": "https://schema.org/",
924  "@type": "Vehicle",
925  "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility#vehicle",
926  "url": "https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility",
927  "itemCondition": "https://schema.org/UsedCondition",
928  "vehicleIdentificationNumber": "2HKRM4H37EH693600",
929  "productID": "2HKRM4H37EH693600",
930  "vehicleModelDate": "2014",
931  "model": "CR-V",
932  "sku": "K50461B",
933  "brand": {
934    "@type": "Brand",
935    "name": "Honda"
936  },
937  "vehicleConfiguration": "LX",
938  "vehicleInteriorColor": "Gray",
939  "vehicleTransmission": "Automatic",
940  "color": "Polished Metal Metallic",
941  "image": {
942    "@type": "ImageObject",
943    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/90e32e5581ca415687c8f269e4fb9afc.jpg",
944    "fileFormat": ".jpg"
945  },
946  "offers": {
947    "@type": "Offer",
948    "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility#offer",
949    "url": "https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility",
950    "price": "9798.0",
951    "priceCurrency": "USD",
952    "priceValidUntil": "2026-09-29",
953    "description": "Used 2014 Honda CR-V LX- Pricing options include cash 9798.00.",
954    "availability": "https://schema.org/InStock",
955    "itemCondition": "https://schema.org/UsedCondition",
956    "seller": {
957      "@id": "https://www.commonwealthnissan.com/#autodealer"
958    }
959  },
960  "name": "Used 2014 Honda CR-V LX",
961  "description": "Used 2014 Honda CR-V LX for sale in Lawrence, MA. VIN 2HKRM4H37EH693600, stock K50461B. Pricing options include cash 9798.00."
962}
963            </script>
963
964            
964<script type="application/ld&#x2B;json">
965                {
966  "@context": "https://schema.org/",
967  "@type": "Vehicle",
968  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car#vehicle",
969  "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car",
970  "itemCondition": "https://schema.org/UsedCondition",
971  "vehicleIdentificationNumber": "1HGCY1F38PA031127",
972  "productID": "1HGCY1F38PA031127",
973  "vehicleModelDate": "2023",
974  "model": "Accord Sedan",
975  "sku": "H27627A",
976  "brand": {
977    "@type": "Brand",
978    "name": "Honda"
979  },
980  "vehicleConfiguration": "EX",
981  "vehicleInteriorColor": "Black",
982  "vehicleTransmission": "CVT",
983  "color": "Radiant Red",
984  "image": {
985    "@type": "ImageObject",
986    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/64614918dc7e4fb8b6bf0275e4e32fab.jpg",
987    "fileFormat": ".jpg"
988  },
989  "offers": {
990    "@type": "Offer",
991    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car#offer",
992    "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car",
993    "price": "21548.0",
994    "priceCurrency": "USD",
995    "priceValidUntil": "2026-09-29",
996    "description": "Used 2023 Honda Accord Sedan EX- Pricing options include cash 21548.00.",
997    "availability": "https://schema.org/InStock",
998    "itemCondition": "https://schema.org/UsedCondition",
999    "seller": {
1000      "@id": "https://www.commonwealthnissan.com/#autodealer"
1001    }
1002  },
1003  "name": "Used 2023 Honda Accord Sedan EX",
1004  "description": "Used 2023 Honda Accord Sedan EX for sale in Lawrence, MA. VIN 1HGCY1F38PA031127, stock H27627A. Pricing options include cash 21548.00."
1005}
1006            </script>
1006
1007            
1007<script type="application/ld&#x2B;json">
1008                {
1009  "@context": "https://schema.org/",
1010  "@type": "Vehicle",
1011  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car#vehicle",
1012  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car",
1013  "itemCondition": "https://schema.org/UsedCondition",
1014  "vehicleIdentificationNumber": "3VW7W7BU5TM012178",
1015  "productID": "3VW7W7BU5TM012178",
1016  "vehicleModelDate": "2026",
1017  "model": "Jetta",
1018  "sku": "VV50039",
1019  "brand": {
1020    "@type": "Brand",
1021    "name": "Volkswagen"
1022  },
1023  "vehicleConfiguration": "SE",
1024  "vehicleInteriorColor": "Titan Black",
1025  "vehicleTransmission": "Automatic",
1026  "color": "Pyrite Silver Metallic",
1027  "image": {
1028    "@type": "ImageObject",
1029    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/e1d0ee6a89054b0ca5e41b10e2bc9f0d.jpg",
1030    "fileFormat": ".jpg"
1031  },
1032  "offers": {
1033    "@type": "Offer",
1034    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car#offer",
1035    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car",
1036    "price": "23048.0",
1037    "priceCurrency": "USD",
1038    "priceValidUntil": "2026-09-29",
1039    "description": "Used 2026 Volkswagen Jetta SE- Pricing options include cash 23048.00.",
1040    "availability": "https://schema.org/InStock",
1041    "itemCondition": "https://schema.org/UsedCondition",
1042    "seller": {
1043      "@id": "https://www.commonwealthnissan.com/#autodealer"
1044    }
1045  },
1046  "name": "Used 2026 Volkswagen Jetta SE",
1047  "description": "Used 2026 Volkswagen Jetta SE for sale in Lawrence, MA. VIN 3VW7W7BU5TM012178, stock VV50039. Pricing options include cash 23048.00."
1048}
1049            </script>
1049
1050            
1050<script type="application/ld&#x2B;json">
1051                {
1052  "@context": "https://schema.org/",
1053  "@type": "Vehicle",
1054  "@id": "https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car#vehicle",
1055  "url": "https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car",
1056  "itemCondition": "https://schema.org/UsedCondition",
1057  "vehicleIdentificationNumber": "1N4BL4CV0PN416681",
1058  "productID": "1N4BL4CV0PN416681",
1059  "vehicleModelDate": "2023",
1060  "model": "Altima",
1061  "sku": "H27349A",
1062  "brand": {
1063    "@type": "Brand",
1064    "name": "Nissan"
1065  },
1066  "vehicleConfiguration": "2.5 SR",
1067  "vehicleInteriorColor": "Sport",
1068  "vehicleTransmission": "CVT",
1069  "color": "Super Black",
1070  "image": {
1071    "@type": "ImageObject",
1072    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/69cc21c0c0374421ab1869e444731ca1.jpg",
1073    "fileFormat": ".jpg"
1074  },
1075  "offers": {
1076    "@type": "Offer",
1077    "@id": "https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car#offer",
1078    "url": "https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car",
1079    "price": "20548.0",
1080    "priceCurrency": "USD",
1081    "priceValidUntil": "2026-09-29",
1082    "description": "Used 2023 Nissan Altima 2.5 SR- Pricing options include cash 20548.00.",
1083    "availability": "https://schema.org/InStock",
1084    "itemCondition": "https://schema.org/UsedCondition",
1085    "seller": {
1086      "@id": "https://www.commonwealthnissan.com/#autodealer"
1087    }
1088  },
1089  "name": "Used 2023 Nissan Altima 2.5 SR",
1090  "description": "Used 2023 Nissan Altima 2.5 SR for sale in Lawrence, MA. VIN 1N4BL4CV0PN416681, stock H27349A. Pricing options include cash 20548.00."
1091}
1092            </script>
1092
1093            
1093<script type="application/ld&#x2B;json">
1094                {
1095  "@context": "https://schema.org/",
1096  "@type": "Vehicle",
1097  "@id": "https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility#vehicle",
1098  "url": "https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility",
1099  "itemCondition": "https://schema.org/UsedCondition",
1100  "vehicleIdentificationNumber": "7FARS6H56PE041625",
1101  "productID": "7FARS6H56PE041625",
1102  "vehicleModelDate": "2023",
1103  "model": "CR-V Hybrid",
1104  "sku": "H27433A",
1105  "brand": {
1106    "@type": "Brand",
1107    "name": "Honda"
1108  },
1109  "vehicleConfiguration": "Sport",
1110  "vehicleInteriorColor": "Black",
1111  "vehicleTransmission": "CVT",
1112  "color": "White",
1113  "image": {
1114    "@type": "ImageObject",
1115    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/a1d2641e9f3c45c8b9f1c24d7a2fdc0f.jpg",
1116    "fileFormat": ".jpg"
1117  },
1118  "offers": {
1119    "@type": "Offer",
1120    "@id": "https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility#offer",
1121    "url": "https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility",
1122    "price": "28371.0",
1123    "priceCurrency": "USD",
1124    "priceValidUntil": "2026-09-29",
1125    "description": "Used 2023 Honda CR-V Hybrid Sport- Pricing options include cash 28371.00.",
1126    "availability": "https://schema.org/InStock",
1127    "itemCondition": "https://schema.org/UsedCondition",
1128    "seller": {
1129      "@id": "https://www.commonwealthnissan.com/#autodealer"
1130    }
1131  },
1132  "name": "Used 2023 Honda CR-V Hybrid Sport",
1133  "description": "Used 2023 Honda CR-V Hybrid Sport for sale in Lawrence, MA. VIN 7FARS6H56PE041625, stock H27433A. Pricing options include cash 28371.00."
1134}
1135            </script>
1135
1136            
1136<script type="application/ld&#x2B;json">
1137                {
1138  "@context": "https://schema.org/",
1139  "@type": "Vehicle",
1140  "@id": "https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility#vehicle",
1141  "url": "https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility",
1142  "itemCondition": "https://schema.org/UsedCondition",
1143  "vehicleIdentificationNumber": "5XYP6DGC8RG545472",
1144  "productID": "5XYP6DGC8RG545472",
1145  "vehicleModelDate": "2024",
1146  "model": "Telluride",
1147  "sku": "C50389A",
1148  "brand": {
1149    "@type": "Brand",
1150    "name": "Kia"
1151  },
1152  "vehicleConfiguration": "S",
1153  "vehicleInteriorColor": "Gray",
1154  "vehicleTransmission": "Automatic",
1155  "color": "Glacial White Pearl",
1156  "image": {
1157    "@type": "ImageObject",
1158    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/62b0c7c12c06421ea76b2bf67021d58a.jpg",
1159    "fileFormat": ".jpg"
1160  },
1161  "offers": {
1162    "@type": "Offer",
1163    "@id": "https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility#offer",
1164    "url": "https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility",
1165    "price": "31292.0",
1166    "priceCurrency": "USD",
1167    "priceValidUntil": "2026-09-29",
1168    "description": "Used 2024 Kia Telluride S- Pricing options include cash 31292.00.",
1169    "availability": "https://schema.org/InStock",
1170    "itemCondition": "https://schema.org/UsedCondition",
1171    "seller": {
1172      "@id": "https://www.commonwealthnissan.com/#autodealer"
1173    }
1174  },
1175  "name": "Used 2024 Kia Telluride S",
1176  "description": "Used 2024 Kia Telluride S for sale in Lawrence, MA. VIN 5XYP6DGC8RG545472, stock C50389A. Pricing options include cash 31292.00."
1177}
1178            </script>
1178
1179            
1179<script type="application/ld&#x2B;json">
1180                {
1181  "@context": "https://schema.org/",
1182  "@type": "Vehicle",
1183  "@id": "https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility#vehicle",
1184  "url": "https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility",
1185  "itemCondition": "https://schema.org/UsedCondition",
1186  "vehicleIdentificationNumber": "5FNYG1H54PB040419",
1187  "productID": "5FNYG1H54PB040419",
1188  "vehicleModelDate": "2023",
1189  "model": "Pilot",
1190  "sku": "4914",
1191  "brand": {
1192    "@type": "Brand",
1193    "name": "Honda"
1194  },
1195  "vehicleConfiguration": "EX-L 7 Passenger",
1196  "vehicleInteriorColor": "Black",
1197  "vehicleTransmission": "Automatic",
1198  "color": "Black",
1199  "image": {
1200    "@type": "ImageObject",
1201    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/268445e228464454bd665fb70a8c907d.jpg",
1202    "fileFormat": ".jpg"
1203  },
1204  "offers": {
1205    "@type": "Offer",
1206    "@id": "https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility#offer",
1207    "url": "https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility",
1208    "price": "33998.0",
1209    "priceCurrency": "USD",
1210    "priceValidUntil": "2026-09-29",
1211    "description": "Used 2023 Honda Pilot EX-L 7 Passenger- Pricing options include cash 33998.00.",
1212    "availability": "https://schema.org/InStock",
1213    "itemCondition": "https://schema.org/UsedCondition",
1214    "seller": {
1215      "@id": "https://www.commonwealthnissan.com/#autodealer"
1216    }
1217  },
1218  "name": "Used 2023 Honda Pilot EX-L 7 Passenger",
1219  "description": "Used 2023 Honda Pilot EX-L 7 Passenger for sale in Lawrence, MA. VIN 5FNYG1H54PB040419, stock 4914. Pricing options include cash 33998.00."
1220}
1221            </script>
1221
1222            
1222<script type="application/ld&#x2B;json">
1223                {
1224  "@context": "https://schema.org/",
1225  "@type": "Vehicle",
1226  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility#vehicle",
1227  "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility",
1228  "itemCondition": "https://schema.org/UsedCondition",
1229  "vehicleIdentificationNumber": "3CZRZ2H52SM700220",
1230  "productID": "3CZRZ2H52SM700220",
1231  "vehicleModelDate": "2025",
1232  "model": "HR-V",
1233  "sku": "H27786A",
1234  "brand": {
1235    "@type": "Brand",
1236    "name": "Honda"
1237  },
1238  "vehicleConfiguration": "Sport",
1239  "vehicleInteriorColor": "Black",
1240  "vehicleTransmission": "CVT",
1241  "color": "Milano Red",
1242  "image": {
1243    "@type": "ImageObject",
1244    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/1480651a048f4b2185fda3fa87d433c5.jpg",
1245    "fileFormat": ".jpg"
1246  },
1247  "offers": {
1248    "@type": "Offer",
1249    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility#offer",
1250    "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility",
1251    "price": "26071.0",
1252    "priceCurrency": "USD",
1253    "priceValidUntil": "2026-09-29",
1254    "description": "Used 2025 Honda HR-V Sport- Pricing options include cash 26071.00.",
1255    "availability": "https://schema.org/InStock",
1256    "itemCondition": "https://schema.org/UsedCondition",
1257    "seller": {
1258      "@id": "https://www.commonwealthnissan.com/#autodealer"
1259    }
1260  },
1261  "name": "Used 2025 Honda HR-V Sport",
1262  "description": "Used 2025 Honda HR-V Sport for sale in Lawrence, MA. VIN 3CZRZ2H52SM700220, stock H27786A. Pricing options include cash 26071.00."
1263}
1264            </script>
1264
1265            
1265<script type="application/ld&#x2B;json">
1266                {
1267  "@context": "https://schema.org/",
1268  "@type": "Vehicle",
1269  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car#vehicle",
1270  "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car",
1271  "itemCondition": "https://schema.org/UsedCondition",
1272  "vehicleIdentificationNumber": "1HGCY1F29RA009048",
1273  "productID": "1HGCY1F29RA009048",
1274  "vehicleModelDate": "2024",
1275  "model": "Accord Sedan",
1276  "sku": "H27698A",
1277  "brand": {
1278    "@type": "Brand",
1279    "name": "Honda"
1280  },
1281  "vehicleConfiguration": "LX",
1282  "vehicleInteriorColor": "Black",
1283  "vehicleTransmission": "CVT",
1284  "color": "Radiant Red",
1285  "image": {
1286    "@type": "ImageObject",
1287    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/d30156f983074a94985aa74360067e8a.jpg",
1288    "fileFormat": ".jpg"
1289  },
1290  "offers": {
1291    "@type": "Offer",
1292    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car#offer",
1293    "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car",
1294    "price": "21896.0",
1295    "priceCurrency": "USD",
1296    "priceValidUntil": "2026-09-29",
1297    "description": "Used 2024 Honda Accord Sedan LX- Pricing options include cash 21896.00.",
1298    "availability": "https://schema.org/InStock",
1299    "itemCondition": "https://schema.org/UsedCondition",
1300    "seller": {
1301      "@id": "https://www.commonwealthnissan.com/#autodealer"
1302    }
1303  },
1304  "name": "Used 2024 Honda Accord Sedan LX",
1305  "description": "Used 2024 Honda Accord Sedan LX for sale in Lawrence, MA. VIN 1HGCY1F29RA009048, stock H27698A. Pricing options include cash 21896.00."
1306}
1307            </script>
1307
1308            
1308<script type="application/ld&#x2B;json">
1309                {
1310  "@context": "https://schema.org/",
1311  "@type": "Vehicle",
1312  "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car#vehicle",
1313  "url": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car",
1314  "itemCondition": "https://schema.org/UsedCondition",
1315  "vehicleIdentificationNumber": "2HGFE2F55RH524832",
1316  "productID": "2HGFE2F55RH524832",
1317  "vehicleModelDate": "2024",
1318  "model": "Civic Sedan",
1319  "sku": "H27729A",
1320  "brand": {
1321    "@type": "Brand",
1322    "name": "Honda"
1323  },
1324  "vehicleConfiguration": "Sport",
1325  "vehicleInteriorColor": "Black",
1326  "vehicleTransmission": "CVT",
1327  "color": "Lunar Silver Metallic",
1328  "image": {
1329    "@type": "ImageObject",
1330    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/bb23f00b5fe94f96a9de4557932b0817.jpg",
1331    "fileFormat": ".jpg"
1332  },
1333  "offers": {
1334    "@type": "Offer",
1335    "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car#offer",
1336    "url": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car",
1337    "price": "22548.0",
1338    "priceCurrency": "USD",
1339    "priceValidUntil": "2026-09-29",
1340    "description": "Used 2024 Honda Civic Sedan Sport- Pricing options include cash 22548.00.",
1341    "availability": "https://schema.org/InStock",
1342    "itemCondition": "https://schema.org/UsedCondition",
1343    "seller": {
1344      "@id": "https://www.commonwealthnissan.com/#autodealer"
1345    }
1346  },
1347  "name": "Used 2024 Honda Civic Sedan Sport",
1348  "description": "Used 2024 Honda Civic Sedan Sport for sale in Lawrence, MA. VIN 2HGFE2F55RH524832, stock H27729A. Pricing options include cash 22548.00."
1349}
1350            </script>
1350
1351            
1351<script type="application/ld&#x2B;json">
1352                {
1353  "@context": "https://schema.org/",
1354  "@type": "Vehicle",
1355  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car#vehicle",
1356  "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car",
1357  "itemCondition": "https://schema.org/UsedCondition",
1358  "vehicleIdentificationNumber": "1HGCY1F32PA043953",
1359  "productID": "1HGCY1F32PA043953",
1360  "vehicleModelDate": "2023",
1361  "model": "Accord Sedan",
1362  "sku": "4921",
1363  "brand": {
1364    "@type": "Brand",
1365    "name": "Honda"
1366  },
1367  "vehicleConfiguration": "EX",
1368  "vehicleInteriorColor": "Gray",
1369  "vehicleTransmission": "CVT",
1370  "color": "Meteorite Gray Metallic",
1371  "image": {
1372    "@type": "ImageObject",
1373    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/bad9e1255d6a416394970bfb8e76e751.jpg",
1374    "fileFormat": ".jpg"
1375  },
1376  "offers": {
1377    "@type": "Offer",
1378    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car#offer",
1379    "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car",
1380    "price": "26048.0",
1381    "priceCurrency": "USD",
1382    "priceValidUntil": "2026-09-29",
1383    "description": "Used 2023 Honda Accord Sedan EX- Pricing options include cash 26048.00.",
1384    "availability": "https://schema.org/InStock",
1385    "itemCondition": "https://schema.org/UsedCondition",
1386    "seller": {
1387      "@id": "https://www.commonwealthnissan.com/#autodealer"
1388    }
1389  },
1390  "name": "Used 2023 Honda Accord Sedan EX",
1391  "description": "Used 2023 Honda Accord Sedan EX for sale in Lawrence, MA. VIN 1HGCY1F32PA043953, stock 4921. Pricing options include cash 26048.00."
1392}
1393            </script>
1393
1394            
1394<script type="application/ld&#x2B;json">
1395                {
1396  "@context": "https://schema.org/",
1397  "@type": "Vehicle",
1398  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility#vehicle",
1399  "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility",
1400  "itemCondition": "https://schema.org/UsedCondition",
1401  "vehicleIdentificationNumber": "3CZRZ2H32SM771951",
1402  "productID": "3CZRZ2H32SM771951",
1403  "vehicleModelDate": "2025",
1404  "model": "HR-V",
1405  "sku": "H27219A",
1406  "brand": {
1407    "@type": "Brand",
1408    "name": "Honda"
1409  },
1410  "vehicleConfiguration": "LX",
1411  "vehicleInteriorColor": "Black",
1412  "vehicleTransmission": "CVT",
1413  "color": "Platinum White",
1414  "image": {
1415    "@type": "ImageObject",
1416    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/09260a8a663f4e1092132564190e6259.jpg",
1417    "fileFormat": ".jpg"
1418  },
1419  "offers": {
1420    "@type": "Offer",
1421    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility#offer",
1422    "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility",
1423    "price": "26343.0",
1424    "priceCurrency": "USD",
1425    "priceValidUntil": "2026-09-29",
1426    "description": "Used 2025 Honda HR-V LX- Pricing options include cash 26343.00.",
1427    "availability": "https://schema.org/InStock",
1428    "itemCondition": "https://schema.org/UsedCondition",
1429    "seller": {
1430      "@id": "https://www.commonwealthnissan.com/#autodealer"
1431    }
1432  },
1433  "name": "Used 2025 Honda HR-V LX",
1434  "description": "Used 2025 Honda HR-V LX for sale in Lawrence, MA. VIN 3CZRZ2H32SM771951, stock H27219A. Pricing options include cash 26343.00."
1435}
1436            </script>
1436
1437            
1437<script type="application/ld&#x2B;json">
1438                {
1439  "@context": "https://schema.org/",
1440  "@type": "Vehicle",
1441  "@id": "https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility#vehicle",
1442  "url": "https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility",
1443  "itemCondition": "https://schema.org/UsedCondition",
1444  "vehicleIdentificationNumber": "JA4J4VA85NZ023202",
1445  "productID": "JA4J4VA85NZ023202",
1446  "vehicleModelDate": "2022",
1447  "model": "Outlander",
1448  "sku": "K60135A",
1449  "brand": {
1450    "@type": "Brand",
1451    "name": "Mitsubishi"
1452  },
1453  "vehicleConfiguration": "SEL",
1454  "vehicleInteriorColor": "Gray",
1455  "vehicleTransmission": "CVT",
1456  "color": "Black Diamond",
1457  "image": {
1458    "@type": "ImageObject",
1459    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/c1ae897e1025427ab03c6eda183e5369.jpg",
1460    "fileFormat": ".jpg"
1461  },
1462  "offers": {
1463    "@type": "Offer",
1464    "@id": "https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility#offer",
1465    "url": "https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility",
1466    "price": "21320.0",
1467    "priceCurrency": "USD",
1468    "priceValidUntil": "2026-09-29",
1469    "description": "Used 2022 Mitsubishi Outlander SEL- Pricing options include cash 21320.00.",
1470    "availability": "https://schema.org/InStock",
1471    "itemCondition": "https://schema.org/UsedCondition",
1472    "seller": {
1473      "@id": "https://www.commonwealthnissan.com/#autodealer"
1474    }
1475  },
1476  "name": "Used 2022 Mitsubishi Outlander SEL",
1477  "description": "Used 2022 Mitsubishi Outlander SEL for sale in Lawrence, MA. VIN JA4J4VA85NZ023202, stock K60135A. Pricing options include cash 21320.00."
1478}
1479            </script>
1479
1480            
1480<script type="application/ld&#x2B;json">
1481                {
1482  "@context": "https://schema.org/",
1483  "@type": "Vehicle",
1484  "@id": "https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility#vehicle",
1485  "url": "https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility",
1486  "itemCondition": "https://schema.org/UsedCondition",
1487  "vehicleIdentificationNumber": "JTMAB3FV6PD159594",
1488  "productID": "JTMAB3FV6PD159594",
1489  "vehicleModelDate": "2023",
1490  "model": "RAV4 Prime",
1491  "sku": "H27662A",
1492  "brand": {
1493    "@type": "Brand",
1494    "name": "Toyota"
1495  },
1496  "vehicleConfiguration": "SE",
1497  "vehicleInteriorColor": "Black",
1498  "vehicleTransmission": "CVT",
1499  "color": "Midnight Black Metallic",
1500  "image": {
1501    "@type": "ImageObject",
1502    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/48251bf3eaa041edbabeadd611903d88.jpg",
1503    "fileFormat": ".jpg"
1504  },
1505  "offers": {
1506    "@type": "Offer",
1507    "@id": "https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility#offer",
1508    "url": "https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility",
1509    "price": "37881.0",
1510    "priceCurrency": "USD",
1511    "priceValidUntil": "2026-09-29",
1512    "description": "Used 2023 Toyota RAV4 Prime SE- Pricing options include cash 37881.00.",
1513    "availability": "https://schema.org/InStock",
1514    "itemCondition": "https://schema.org/UsedCondition",
1515    "seller": {
1516      "@id": "https://www.commonwealthnissan.com/#autodealer"
1517    }
1518  },
1519  "name": "Used 2023 Toyota RAV4 Prime SE",
1520  "description": "Used 2023 Toyota RAV4 Prime SE for sale in Lawrence, MA. VIN JTMAB3FV6PD159594, stock H27662A. Pricing options include cash 37881.00."
1521}
1522            </script>
1522
1523            
1523<script type="application/ld&#x2B;json">
1524                {
1525  "@context": "https://schema.org/",
1526  "@type": "Vehicle",
1527  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car#vehicle",
1528  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car",
1529  "itemCondition": "https://schema.org/UsedCondition",
1530  "vehicleIdentificationNumber": "3VWGM7BUXRM088655",
1531  "productID": "3VWGM7BUXRM088655",
1532  "vehicleModelDate": "2024",
1533  "model": "Jetta",
1534  "sku": "V50369A",
1535  "brand": {
1536    "@type": "Brand",
1537    "name": "Volkswagen"
1538  },
1539  "vehicleConfiguration": "SEL",
1540  "vehicleInteriorColor": "Black",
1541  "vehicleTransmission": "Automatic",
1542  "color": "Platinum Gray Metallic",
1543  "image": {
1544    "@type": "ImageObject",
1545    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/3e8fad04cd29412384b87586debb950c.jpg",
1546    "fileFormat": ".jpg"
1547  },
1548  "offers": {
1549    "@type": "Offer",
1550    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car#offer",
1551    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car",
1552    "price": "24048.0",
1553    "priceCurrency": "USD",
1554    "priceValidUntil": "2026-09-29",
1555    "description": "Used 2024 Volkswagen Jetta SEL- Pricing options include cash 24048.00.",
1556    "availability": "https://schema.org/InStock",
1557    "itemCondition": "https://schema.org/UsedCondition",
1558    "seller": {
1559      "@id": "https://www.commonwealthnissan.com/#autodealer"
1560    }
1561  },
1562  "name": "Used 2024 Volkswagen Jetta SEL",
1563  "description": "Used 2024 Volkswagen Jetta SEL for sale in Lawrence, MA. VIN 3VWGM7BUXRM088655, stock V50369A. Pricing options include cash 24048.00."
1564}
1565            </script>
1565
1566            
1566<script type="application/ld&#x2B;json">
1567                {
1568  "@context": "https://schema.org/",
1569  "@type": "Vehicle",
1570  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility#vehicle",
1571  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility",
1572  "itemCondition": "https://schema.org/UsedCondition",
1573  "vehicleIdentificationNumber": "3VV8X7B27RM129788",
1574  "productID": "3VV8X7B27RM129788",
1575  "vehicleModelDate": "2024",
1576  "model": "Taos",
1577  "sku": "V50288A",
1578  "brand": {
1579    "@type": "Brand",
1580    "name": "Volkswagen"
1581  },
1582  "vehicleConfiguration": "S",
1583  "vehicleInteriorColor": "Gray",
1584  "vehicleTransmission": "Automatic",
1585  "color": "Deep Black",
1586  "image": {
1587    "@type": "ImageObject",
1588    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/4310dabbab7d41b7a36aee96c1fb2f3e.jpg",
1589    "fileFormat": ".jpg"
1590  },
1591  "offers": {
1592    "@type": "Offer",
1593    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility#offer",
1594    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility",
1595    "price": "20548.0",
1596    "priceCurrency": "USD",
1597    "priceValidUntil": "2026-09-29",
1598    "description": "Used 2024 Volkswagen Taos S- Pricing options include cash 20548.00.",
1599    "availability": "https://schema.org/InStock",
1600    "itemCondition": "https://schema.org/UsedCondition",
1601    "seller": {
1602      "@id": "https://www.commonwealthnissan.com/#autodealer"
1603    }
1604  },
1605  "name": "Used 2024 Volkswagen Taos S",
1606  "description": "Used 2024 Volkswagen Taos S for sale in Lawrence, MA. VIN 3VV8X7B27RM129788, stock V50288A. Pricing options include cash 20548.00."
1607}
1608            </script>
1608
1609            
1609<script type="application/ld&#x2B;json">
1610                {
1611  "@context": "https://schema.org/",
1612  "@type": "Vehicle",
1613  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup#vehicle",
1614  "url": "https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup",
1615  "itemCondition": "https://schema.org/UsedCondition",
1616  "vehicleIdentificationNumber": "1GCUKEE84SZ139683",
1617  "productID": "1GCUKEE84SZ139683",
1618  "vehicleModelDate": "2025",
1619  "model": "Silverado 1500",
1620  "sku": "CC40066",
1621  "brand": {
1622    "@type": "Brand",
1623    "name": "Chevrolet"
1624  },
1625  "vehicleConfiguration": "RST",
1626  "vehicleInteriorColor": "Jet Black",
1627  "vehicleTransmission": "Automatic",
1628  "color": "Radiant Red Tintcoat",
1629  "image": {
1630    "@type": "ImageObject",
1631    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/2d26b1202d5846dfa9a8fa6044f2f4c4.jpg",
1632    "fileFormat": ".jpg"
1633  },
1634  "offers": {
1635    "@type": "Offer",
1636    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup#offer",
1637    "url": "https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup",
1638    "price": "47048.0",
1639    "priceCurrency": "USD",
1640    "priceValidUntil": "2026-09-29",
1641    "description": "Used 2025 Chevrolet Silverado 1500 RST- Pricing options include cash 47048.00.",
1642    "availability": "https://schema.org/InStock",
1643    "itemCondition": "https://schema.org/UsedCondition",
1644    "seller": {
1645      "@id": "https://www.commonwealthnissan.com/#autodealer"
1646    }
1647  },
1648  "name": "Used 2025 Chevrolet Silverado 1500 RST",
1649  "description": "Used 2025 Chevrolet Silverado 1500 RST for sale in Lawrence, MA. VIN 1GCUKEE84SZ139683, stock CC40066. Pricing options include cash 47048.00."
1650}
1651            </script>
1651
1652            
1652<script type="application/ld&#x2B;json">
1653                {
1654  "@context": "https://schema.org/",
1655  "@type": "Vehicle",
1656  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility#vehicle",
1657  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility",
1658  "itemCondition": "https://schema.org/UsedCondition",
1659  "vehicleIdentificationNumber": "3VVUW7RM1TM017083",
1660  "productID": "3VVUW7RM1TM017083",
1661  "vehicleModelDate": "2026",
1662  "model": "Tiguan",
1663  "sku": "VV50026",
1664  "brand": {
1665    "@type": "Brand",
1666    "name": "Volkswagen"
1667  },
1668  "vehicleConfiguration": "SEL R-Line Turbo",
1669  "vehicleInteriorColor": "Amber Brown",
1670  "vehicleTransmission": "Automatic",
1671  "color": "Avocado Green w/Deep Black Roof",
1672  "image": {
1673    "@type": "ImageObject",
1674    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/8121df3b36bb4990889cdf76d0c05a87.jpg",
1675    "fileFormat": ".jpg"
1676  },
1677  "offers": {
1678    "@type": "Offer",
1679    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility#offer",
1680    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility",
1681    "price": "40548.0",
1682    "priceCurrency": "USD",
1683    "priceValidUntil": "2026-09-29",
1684    "description": "Used 2026 Volkswagen Tiguan SEL R-Line Turbo- Pricing options include cash 40548.00.",
1685    "availability": "https://schema.org/InStock",
1686    "itemCondition": "https://schema.org/UsedCondition",
1687    "seller": {
1688      "@id": "https://www.commonwealthnissan.com/#autodealer"
1689    }
1690  },
1691  "name": "Used 2026 Volkswagen Tiguan SEL R-Line Turbo",
1692  "description": "Used 2026 Volkswagen Tiguan SEL R-Line Turbo for sale in Lawrence, MA. VIN 3VVUW7RM1TM017083, stock VV50026. Pricing options include cash 40548.00."
1693}
1694            </script>
1694
1695            
1695<script type="application/ld&#x2B;json">
1696                {
1697  "@context": "https://schema.org/",
1698  "@type": "Vehicle",
1699  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility#vehicle",
1700  "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility",
1701  "itemCondition": "https://schema.org/UsedCondition",
1702  "vehicleIdentificationNumber": "1V2LP2CA2NC518575",
1703  "productID": "1V2LP2CA2NC518575",
1704  "vehicleModelDate": "2022",
1705  "model": "Atlas",
1706  "sku": "H27233C",
1707  "brand": {
1708    "@type": "Brand",
1709    "name": "Volkswagen"
1710  },
1711  "vehicleConfiguration": "2.0T SE",
1712  "vehicleInteriorColor": "Titan Black",
1713  "vehicleTransmission": "Automatic",
1714  "color": "Tourmaline Blue Metallic",
1715  "image": {
1716    "@type": "ImageObject",
1717    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/f6346cacc6584391a7009055a881e9cc.jpg",
1718    "fileFormat": ".jpg"
1719  },
1720  "offers": {
1721    "@type": "Offer",
1722    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility#offer",
1723    "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility",
1724    "price": "27548.0",
1725    "priceCurrency": "USD",
1726    "priceValidUntil": "2026-09-29",
1727    "description": "Used 2022 Volkswagen Atlas 2.0T SE- Pricing options include cash 27548.00.",
1728    "availability": "https://schema.org/InStock",
1729    "itemCondition": "https://schema.org/UsedCondition",
1730    "seller": {
1731      "@id": "https://www.commonwealthnissan.com/#autodealer"
1732    }
1733  },
1734  "name": "Used 2022 Volkswagen Atlas 2.0T SE",
1735  "description": "Used 2022 Volkswagen Atlas 2.0T SE for sale in Lawrence, MA. VIN 1V2LP2CA2NC518575, stock H27233C. Pricing options include cash 27548.00."
1736}
1737            </script>
1737
1738            
1738<script type="application/ld&#x2B;json">
1739                {
1740  "@context": "https://schema.org/",
1741  "@type": "Vehicle",
1742  "@id": "https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup#vehicle",
1743  "url": "https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup",
1744  "itemCondition": "https://schema.org/UsedCondition",
1745  "vehicleIdentificationNumber": "2GCUDGED7R1203351",
1746  "productID": "2GCUDGED7R1203351",
1747  "vehicleModelDate": "2024",
1748  "model": "Silverado 1500",
1749  "sku": "C50528A",
1750  "brand": {
1751    "@type": "Brand",
1752    "name": "Chevrolet"
1753  },
1754  "vehicleConfiguration": "LTZ",
1755  "vehicleInteriorColor": "Jet Black",
1756  "vehicleTransmission": "Automatic",
1757  "color": "Summit White",
1758  "image": {
1759    "@type": "ImageObject",
1760    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/5439bc911cc0414f9f8245c3d3bb2882.jpg",
1761    "fileFormat": ".jpg"
1762  },
1763  "offers": {
1764    "@type": "Offer",
1765    "@id": "https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup#offer",
1766    "url": "https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup",
1767    "price": "45999.0",
1768    "priceCurrency": "USD",
1769    "priceValidUntil": "2026-09-29",
1770    "description": "Used 2024 Chevrolet Silverado 1500 LTZ- Pricing options include cash 45999.00.",
1771    "availability": "https://schema.org/InStock",
1772    "itemCondition": "https://schema.org/UsedCondition",
1773    "seller": {
1774      "@id": "https://www.commonwealthnissan.com/#autodealer"
1775    }
1776  },
1777  "name": "Used 2024 Chevrolet Silverado 1500 LTZ",
1778  "description": "Used 2024 Chevrolet Silverado 1500 LTZ for sale in Lawrence, MA. VIN 2GCUDGED7R1203351, stock C50528A. Pricing options include cash 45999.00."
1779}
1780            </script>
1780
1781            
1781<script type="application/ld&#x2B;json">
1782                {
1783  "@context": "https://schema.org/",
1784  "@type": "Vehicle",
1785  "@id": "https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car#vehicle",
1786  "url": "https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car",
1787  "itemCondition": "https://schema.org/UsedCondition",
1788  "vehicleIdentificationNumber": "5XXG64J27RG260153",
1789  "productID": "5XXG64J27RG260153",
1790  "vehicleModelDate": "2024",
1791  "model": "K5",
1792  "sku": "K50618A",
1793  "brand": {
1794    "@type": "Brand",
1795    "name": "Kia"
1796  },
1797  "vehicleConfiguration": "GT-Line",
1798  "vehicleInteriorColor": "Black",
1799  "vehicleTransmission": "Automatic",
1800  "color": "Wolf Gray",
1801  "image": {
1802    "@type": "ImageObject",
1803    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/0fcc868d036043ba9ad21f6430453949.jpg",
1804    "fileFormat": ".jpg"
1805  },
1806  "offers": {
1807    "@type": "Offer",
1808    "@id": "https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car#offer",
1809    "url": "https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car",
1810    "price": "26173.0",
1811    "priceCurrency": "USD",
1812    "priceValidUntil": "2026-09-29",
1813    "description": "Used 2024 Kia K5 GT-Line- Pricing options include cash 26173.00.",
1814    "availability": "https://schema.org/InStock",
1815    "itemCondition": "https://schema.org/UsedCondition",
1816    "seller": {
1817      "@id": "https://www.commonwealthnissan.com/#autodealer"
1818    }
1819  },
1820  "name": "Used 2024 Kia K5 GT-Line",
1821  "description": "Used 2024 Kia K5 GT-Line for sale in Lawrence, MA. VIN 5XXG64J27RG260153, stock K50618A. Pricing options include cash 26173.00."
1822}
1823            </script>
1823
1824            
1824<script type="application/ld&#x2B;json">
1825                {
1826  "@context": "https://schema.org/",
1827  "@type": "Vehicle",
1828  "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car#vehicle",
1829  "url": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car",
1830  "itemCondition": "https://schema.org/UsedCondition",
1831  "vehicleIdentificationNumber": "2HGFE2F22PH568502",
1832  "productID": "2HGFE2F22PH568502",
1833  "vehicleModelDate": "2023",
1834  "model": "Civic Sedan",
1835  "sku": "H27449A",
1836  "brand": {
1837    "@type": "Brand",
1838    "name": "Honda"
1839  },
1840  "vehicleConfiguration": "LX",
1841  "vehicleInteriorColor": "Gray",
1842  "vehicleTransmission": "CVT",
1843  "color": "Lunar Silver Metallic",
1844  "image": {
1845    "@type": "ImageObject",
1846    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/866c5b2e2d794bd8a51f246351fbf266.jpg",
1847    "fileFormat": ".jpg"
1848  },
1849  "offers": {
1850    "@type": "Offer",
1851    "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car#offer",
1852    "url": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car",
1853    "price": "23418.0",
1854    "priceCurrency": "USD",
1855    "priceValidUntil": "2026-09-29",
1856    "description": "Used 2023 Honda Civic Sedan LX- Pricing options include cash 23418.00.",
1857    "availability": "https://schema.org/InStock",
1858    "itemCondition": "https://schema.org/UsedCondition",
1859    "seller": {
1860      "@id": "https://www.commonwealthnissan.com/#autodealer"
1861    }
1862  },
1863  "name": "Used 2023 Honda Civic Sedan LX",
1864  "description": "Used 2023 Honda Civic Sedan LX for sale in Lawrence, MA. VIN 2HGFE2F22PH568502, stock H27449A. Pricing options include cash 23418.00."
1865}
1866            </script>
1866
1867            
1867<script type="application/ld&#x2B;json">
1868                {
1869  "@context": "https://schema.org/",
1870  "@type": "Vehicle",
1871  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility#vehicle",
1872  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility",
1873  "itemCondition": "https://schema.org/UsedCondition",
1874  "vehicleIdentificationNumber": "3VV2B7AX4PM126734",
1875  "productID": "3VV2B7AX4PM126734",
1876  "vehicleModelDate": "2023",
1877  "model": "Tiguan",
1878  "sku": "V50318A",
1879  "brand": {
1880    "@type": "Brand",
1881    "name": "Volkswagen"
1882  },
1883  "vehicleConfiguration": "SE",
1884  "vehicleInteriorColor": "Titan Black",
1885  "vehicleTransmission": "Automatic",
1886  "color": "Deep Black",
1887  "image": {
1888    "@type": "ImageObject",
1889    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/86ef43a544af457c8419b9da02a983b8.jpg",
1890    "fileFormat": ".jpg"
1891  },
1892  "offers": {
1893    "@type": "Offer",
1894    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility#offer",
1895    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility",
1896    "price": "25708.0",
1897    "priceCurrency": "USD",
1898    "priceValidUntil": "2026-09-29",
1899    "description": "Used 2023 Volkswagen Tiguan SE- Pricing options include cash 25708.00.",
1900    "availability": "https://schema.org/InStock",
1901    "itemCondition": "https://schema.org/UsedCondition",
1902    "seller": {
1903      "@id": "https://www.commonwealthnissan.com/#autodealer"
1904    }
1905  },
1906  "name": "Used 2023 Volkswagen Tiguan SE",
1907  "description": "Used 2023 Volkswagen Tiguan SE for sale in Lawrence, MA. VIN 3VV2B7AX4PM126734, stock V50318A. Pricing options include cash 25708.00."
1908}
1909            </script>
1909
1910            
1910<script type="application/ld&#x2B;json">
1911                {
1912  "@context": "https://schema.org/",
1913  "@type": "Vehicle",
1914  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility#vehicle",
1915  "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility",
1916  "itemCondition": "https://schema.org/UsedCondition",
1917  "vehicleIdentificationNumber": "3CZRZ2H52RM719859",
1918  "productID": "3CZRZ2H52RM719859",
1919  "vehicleModelDate": "2024",
1920  "model": "HR-V",
1921  "sku": "H27844A",
1922  "brand": {
1923    "@type": "Brand",
1924    "name": "Honda"
1925  },
1926  "vehicleConfiguration": "Sport",
1927  "vehicleInteriorColor": "Black",
1928  "vehicleTransmission": "CVT",
1929  "color": "Crystal Black Pearl",
1930  "image": {
1931    "@type": "ImageObject",
1932    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/93844c1d214a42839919c8a1ef440c2a.jpg",
1933    "fileFormat": ".jpg"
1934  },
1935  "offers": {
1936    "@type": "Offer",
1937    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility#offer",
1938    "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility",
1939    "price": "26790.0",
1940    "priceCurrency": "USD",
1941    "priceValidUntil": "2026-09-29",
1942    "description": "Used 2024 Honda HR-V Sport- Pricing options include cash 26790.00.",
1943    "availability": "https://schema.org/InStock",
1944    "itemCondition": "https://schema.org/UsedCondition",
1945    "seller": {
1946      "@id": "https://www.commonwealthnissan.com/#autodealer"
1947    }
1948  },
1949  "name": "Used 2024 Honda HR-V Sport",
1950  "description": "Used 2024 Honda HR-V Sport for sale in Lawrence, MA. VIN 3CZRZ2H52RM719859, stock H27844A. Pricing options include cash 26790.00."
1951}
1952            </script>
1952
1953            
1953<script type="application/ld&#x2B;json">
1954                {
1955  "@context": "https://schema.org/",
1956  "@type": "Vehicle",
1957  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility#vehicle",
1958  "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility",
1959  "itemCondition": "https://schema.org/UsedCondition",
1960  "vehicleIdentificationNumber": "1V2CN2CA8TC502559",
1961  "productID": "1V2CN2CA8TC502559",
1962  "vehicleModelDate": "2026",
1963  "model": "Atlas",
1964  "sku": "VV50003",
1965  "brand": {
1966    "@type": "Brand",
1967    "name": "Volkswagen"
1968  },
1969  "vehicleConfiguration": "2.0T Peak Edition",
1970  "vehicleInteriorColor": "Titan Black",
1971  "vehicleTransmission": "Automatic",
1972  "color": "Gray",
1973  "image": {
1974    "@type": "ImageObject",
1975    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/6315f1aa5fc14edda723795fefae6844.jpg",
1976    "fileFormat": ".jpg"
1977  },
1978  "offers": {
1979    "@type": "Offer",
1980    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility#offer",
1981    "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility",
1982    "price": "46048.0",
1983    "priceCurrency": "USD",
1984    "priceValidUntil": "2026-09-29",
1985    "description": "Used 2026 Volkswagen Atlas 2.0T Peak Edition- Pricing options include cash 46048.00.",
1986    "availability": "https://schema.org/InStock",
1987    "itemCondition": "https://schema.org/UsedCondition",
1988    "seller": {
1989      "@id": "https://www.commonwealthnissan.com/#autodealer"
1990    }
1991  },
1992  "name": "Used 2026 Volkswagen Atlas 2.0T Peak Edition",
1993  "description": "Used 2026 Volkswagen Atlas 2.0T Peak Edition for sale in Lawrence, MA. VIN 1V2CN2CA8TC502559, stock VV50003. Pricing options include cash 46048.00."
1994}
1995            </script>
1995
1996            
1996<script type="application/ld&#x2B;json">
1997                {
1998  "@context": "https://schema.org/",
1999  "@type": "Vehicle",
2000  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car#vehicle",
2001  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car",
2002  "itemCondition": "https://schema.org/UsedCondition",
2003  "vehicleIdentificationNumber": "3VWBW7BU9TM003039",
2004  "productID": "3VWBW7BU9TM003039",
2005  "vehicleModelDate": "2026",
2006  "model": "Jetta",
2007  "sku": "VV50009",
2008  "brand": {
2009    "@type": "Brand",
2010    "name": "Volkswagen"
2011  },
2012  "vehicleConfiguration": "Sport",
2013  "vehicleInteriorColor": "Titan Black",
2014  "vehicleTransmission": "Automatic",
2015  "color": "Gray",
2016  "image": {
2017    "@type": "ImageObject",
2018    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/b98180cc4c1746b092757972a760c1e4.jpg",
2019    "fileFormat": ".jpg"
2020  },
2021  "offers": {
2022    "@type": "Offer",
2023    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car#offer",
2024    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car",
2025    "price": "26395.0",
2026    "priceCurrency": "USD",
2027    "priceValidUntil": "2026-09-29",
2028    "description": "Used 2026 Volkswagen Jetta Sport- Pricing options include cash 26395.00.",
2029    "availability": "https://schema.org/InStock",
2030    "itemCondition": "https://schema.org/UsedCondition",
2031    "seller": {
2032      "@id": "https://www.commonwealthnissan.com/#autodealer"
2033    }
2034  },
2035  "name": "Used 2026 Volkswagen Jetta Sport",
2036  "description": "Used 2026 Volkswagen Jetta Sport for sale in Lawrence, MA. VIN 3VWBW7BU9TM003039, stock VV50009. Pricing options include cash 26395.00."
2037}
2038            </script>
2038
2039            
2039<script type="application/ld&#x2B;json">
2040                {
2041  "@context": "https://schema.org/",
2042  "@type": "Vehicle",
2043  "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility#vehicle",
2044  "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility",
2045  "itemCondition": "https://schema.org/UsedCondition",
2046  "vehicleIdentificationNumber": "3VV2B7AX9KM004332",
2047  "productID": "3VV2B7AX9KM004332",
2048  "vehicleModelDate": "2019",
2049  "model": "Tiguan",
2050  "sku": "H27825A",
2051  "brand": {
2052    "@type": "Brand",
2053    "name": "Volkswagen"
2054  },
2055  "vehicleConfiguration": "2.0T SE",
2056  "vehicleInteriorColor": "Titan Black",
2057  "vehicleTransmission": "Automatic",
2058  "color": "Pure White",
2059  "image": {
2060    "@type": "ImageObject",
2061    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/b6aca330b80c40628a86ab7d4b030062.jpg",
2062    "fileFormat": ".jpg"
2063  },
2064  "offers": {
2065    "@type": "Offer",
2066    "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility#offer",
2067    "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility",
2068    "price": "15448.0",
2069    "priceCurrency": "USD",
2070    "priceValidUntil": "2026-09-29",
2071    "description": "Used 2019 Volkswagen Tiguan 2.0T SE- Pricing options include cash 15448.00.",
2072    "availability": "https://schema.org/InStock",
2073    "itemCondition": "https://schema.org/UsedCondition",
2074    "seller": {
2075      "@id": "https://www.commonwealthnissan.com/#autodealer"
2076    }
2077  },
2078  "name": "Used 2019 Volkswagen Tiguan 2.0T SE",
2079  "description": "Used 2019 Volkswagen Tiguan 2.0T SE for sale in Lawrence, MA. VIN 3VV2B7AX9KM004332, stock H27825A. Pricing options include cash 15448.00."
2080}
2081            </script>
2081
2082            
2082<script type="application/ld&#x2B;json">
2083                {
2084  "@context": "https://schema.org/",
2085  "@type": "Vehicle",
2086  "@id": "https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility#vehicle",
2087  "url": "https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility",
2088  "itemCondition": "https://schema.org/UsedCondition",
2089  "vehicleIdentificationNumber": "1GNEVGKW5PJ279037",
2090  "productID": "1GNEVGKW5PJ279037",
2091  "vehicleModelDate": "2023",
2092  "model": "Traverse",
2093  "sku": "C50536A",
2094  "brand": {
2095    "@type": "Brand",
2096    "name": "Chevrolet"
2097  },
2098  "vehicleConfiguration": "LT Cloth",
2099  "vehicleInteriorColor": "Jet Black",
2100  "vehicleTransmission": "Automatic",
2101  "color": "Mosaic Black Metallic",
2102  "image": {
2103    "@type": "ImageObject",
2104    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/c58a15e46225461b91e8e4a39a7f2c4a.jpg",
2105    "fileFormat": ".jpg"
2106  },
2107  "offers": {
2108    "@type": "Offer",
2109    "@id": "https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility#offer",
2110    "url": "https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility",
2111    "price": "25548.0",
2112    "priceCurrency": "USD",
2113    "priceValidUntil": "2026-09-29",
2114    "description": "Used 2023 Chevrolet Traverse LT Cloth- Pricing options include cash 25548.00.",
2115    "availability": "https://schema.org/InStock",
2116    "itemCondition": "https://schema.org/UsedCondition",
2117    "seller": {
2118      "@id": "https://www.commonwealthnissan.com/#autodealer"
2119    }
2120  },
2121  "name": "Used 2023 Chevrolet Traverse LT Cloth",
2122  "description": "Used 2023 Chevrolet Traverse LT Cloth for sale in Lawrence, MA. VIN 1GNEVGKW5PJ279037, stock C50536A. Pricing options include cash 25548.00."
2123}
2124            </script>
2124
2125
2126  
2127    
2127<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
2127
2128
2129
2130
2131<meta name="msvalidate.01" content="9E6FBAA82D7E2E8E8066DF58E3E4C0B4" /><!-- Google Tag Manager -->
2132<script>
vendor: 327 bytes, lines 2132-2136
2132(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2133new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2134j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2135'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2136})(window,document,'script','dataLayer','
2136GTM-KNSTLXR
vendor: 3 bytes, line 2136
2136');
2136</script>
2136
2137<!-- End Google Tag Manager -->
2138<!-- Google Tag Manager -->
2139<script>
vendor: 327 bytes, lines 2139-2143
2139(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2140new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2141j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2142'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2143})(window,document,'script','dataLayer','
2143GTM-KCCN5P2
vendor: 3 bytes, line 2143
2143');
2143</script>
2143
2144<!-- End Google Tag Manager --><!-- Meta Pixel Code -->
2145<script>
vendor: 399 bytes, lines 2145-2154
2145
2146!function(f,b,e,v,n,t,s)
2147{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
2148n.callMethod.apply(n,arguments):n.queue.push(arguments)};
2149if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
2150n.queue=[];t=b.createElement(e);t.async=!0;
2151t.src=v;s=b.getElementsByTagName(e)[0];
2152s.parentNode.insertBefore(t,s)}(window, document,'script',
2153'https://connect.facebook.net/en_US/fbevents.js');
2154fbq('init', '
21541131761336952247
vendor: 30 bytes, lines 2154-2155
2154');
2155fbq('track', 'PageView');
2156</script>
2156
2157<noscript><img height="1" width="1" style="display:none"
2158src=https://www.facebook.com/tr?id=1131761336952247&ev=PageView&noscript=1
2159/></noscript>
2160<!-- End Meta Pixel Code -->
2161<script type="text/javascript" src="https://publiccdn.mykpa.com/kpa_consent_banner/kpa.consent.banner.pre.loader.js"></script>
2161<! -- Podium Mobile Chat Move Script -->
2162<! -- Place in All Pages Head -->
2163<style>
2164  #podium-bubble {
2165    bottom: 100px !important;
2166  }
2167  #podium-prompt {
2168    bottom: 150px !important;
2169  }
2170</style><meta name="google-site-verification" content="UsfLiA1NmDdiYLiqqKV3qX2F1AxSdjhTrMF6kV_RxNw" /><meta name="google-site-verification" content="9JUswz5u47xGnQMWXGmLMVCzdsDwP8wSZOsgY1eIJec" /><meta name="google-site-verification" content="cwBT5PszystT_hD9IRQLfV46bMTAU7ACTn_4qCPK3ts" /><!-- Event snippet for Example dynamic remarketing page -->
2171<script>
2172gtag('event', 'view_item', {
2173    'value': 0,
2174   'items': [{
2175      "id": '#VIN'
2176    },
2177    {
2178      'VIN': '#VIN'
2179    }]
2180});
2181</script>
2181<!-- Google Tag Manager -->
2182<script>
vendor: 327 bytes, line 2182
2182(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
2182GTM-WZ4BM5BJ
vendor: 3 bytes, line 2182
2182');
2182</script>
2182 <!-- End Google Tag Manager --><!-- Meta Pixel Code -->
2183<script>
vendor: 399 bytes, lines 2183-2192
2183
2184!function(f,b,e,v,n,t,s)
2185{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
2186n.callMethod.apply(n,arguments):n.queue.push(arguments)};
2187if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
2188n.queue=[];t=b.createElement(e);t.async=!0;
2189t.src=v;s=b.getElementsByTagName(e)[0];
2190s.parentNode.insertBefore(t,s)}(window, document,'script',
2191'https://connect.facebook.net/en_US/fbevents.js');
2192fbq('init', '
2192199753201468093
vendor: 30 bytes, lines 2192-2193
2192');
2193fbq('track', 'PageView');
2194</script>
2194
2195<noscript><img height="1" width="1" style="display:none"
2196src="https://www.facebook.com/tr?id=199753201468093&ev=PageView&noscript=1"
2197/></noscript>
2198<!-- End Meta Pixel Code --><!-- Facebook Pixel Code -->
2199<script>
vendor: 399 bytes, lines 2199-2208
2199
2200!function(f,b,e,v,n,t,s)
2201{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
2202n.callMethod.apply(n,arguments):n.queue.push(arguments)};
2203if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
2204n.queue=[];t=b.createElement(e);t.async=!0;
2205t.src=v;s=b.getElementsByTagName(e)[0];
2206s.parentNode.insertBefore(t,s)}(window, document,'script',
2207'https://connect.facebook.net/en_US/fbevents.js');
2208fbq('init', '
2208883059405576284
vendor: 30 bytes, lines 2208-2209
2208');
2209fbq('track', 'PageView');
2210</script>
2210
2211<noscript><img height="1" width="1" style="display:none"
2212src=https://www.facebook.com/tr?id=883059405576284&ev=PageView&noscript=1
2213/></noscript>
2214<!-- End Facebook Pixel Code --><!-- Facebook Pixel Code -->
2215<script>
vendor: 398 bytes, lines 2215-2224
2215
2216!function(f,b,e,v,n,t,s)
2217{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
2218n.callMethod.apply(n,arguments):n.queue.push(arguments)};
2219if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
2220n.queue=[];t=b.createElement(e);t.async=!0;
2221t.src=v;s=b.getElementsByTagName(e)[0];
2222s.parentNode.insertBefore(t,s)}(window,document,'script',
2223'https://connect.facebook.net/en_US/fbevents.js');
2224fbq('init', '
22241131761336952247
vendor: 31 bytes, lines 2224-2225
2224'); 
2225fbq('track', 'PageView');
2226</script>
2226
2227<noscript>
2228<img height="1" width="1" 
2229src="https://www.facebook.com/tr?id=1131761336952247&ev=PageView
2230&noscript=1"/>
2231</noscript>
2232<!-- End Facebook Pixel Code --><meta name="facebook-domain-verification" content="1jo7mrj5dfb7894nunhyax09v4f2sj" />
2232<script type="text/javascript">
2233/* Extreme Reach Conversion Tracker */
2234new Image().src='https://beacons.extremereach.io/cp-conversion?conversion_id=4369';
2235</script>
2235
2236
2237<noscript>
2238<div style="position:absolute;left:0px;top:0px;display:none;"><img src="https://beacons.extremereach.io/cp-conversion?conversion_id=4369" width="0" height="0" /></div>
2239</noscript>
2240
2241<script>
2242    (function(d,t,s,a,m){ a = d.createElement(t); m = d.getElementsByTagName(t)[0]; a.async = 1; a.src = s+"?dpid=commonwealthnissan&host=" + window.location.hostname; m.parentNode.insertBefore(a, m); })(document,'script','https://cdn1.roadster.com/roadster_frame_embed');
2243</script>
2243
2244
2245
2246<script>(function(d,t,s,a,m){ a = d.createElement(t); m = d.getElementsByTagName(t)[0]; a.async = 1; a.src = s+"?dpid=commonwealthnissan&host=" + window.location.hostname; m.parentNode.insertBefore(a, m); })(document,'script','https://cdn1.roadster.com/roadster_dealer_analytics');</script>
2246
2247  
2248
2249    <!-- Google Tag Manager -->
2250    
2250<script>
vendor: 504 bytes, lines 2250-2259
2250
2251        (function (w, d, s, l, i) {
2252            w[l] = w[l] || []; w[l].push({
2253                'gtm.start':
2254                    new Date().getTime(), event: 'gtm.js'
2255            }); var
2256                f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l='
2257                    + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl
2258                ; f.parentNode.insertBefore(j, f);
2259        })(window, document, 'script', 'dataLayer', '
2259GTM-M8LD4PJ
vendor: 3 bytes, line 2259
2259');
2259</script>
2259
2260    <!-- End Google Tag Manager -->
2261
2262
2263
2264  
2265
2266
2267    
2267<script>
2268      (function (s, h, i, f, t, d, g, l) {
2269        s[d] = s[d] || function () {
2270          (s[d].q = s[d].q || []).push(arguments)
2271        }, s[d].l = 1 * new Date(); g = h.createElement(i),
2272          l = h.getElementsByTagName(i)[0]; g.async = 1; g.src = f +
2273            '?containerId=' + t + '&dl=' + d; l.parentNode.insertBefore(g, l)
2274      })(window, document, 'script', 'https://tagging.shiftdigitalapps.io/scripts/sd.js',
2275        'NISSANUS', 'sd');
2276      sd('create', 'NISSANUS', '5307', 'TEAMVELOCITY');
2277    </script>
2277
2278
2279
2280
2281
2282
2283    
2284
2285
2286  
2287
2288<script type="application/javascript">
2289  var keyLength = localStorage.length;
2290  if (keyLength) {
2291    for (var i = 0; i < keyLength; i++) {
2292      var key = localStorage.key(i);
2293      if (key && key.indexOf('-rebates') !== -1) {
2294        localStorage.removeItem(key);
2295      }
2296    }
2297  }
2298</script>
2298
2299
2300
2301<script>
2302    var usePreownedRouteForUsed = 'false' == 'true';
2303    var vehicleBadgesTopSRP = 'false' === 'true';
2304    var showInTransitFilter = 'false' === 'true';
2305    var showInStockFilter = 'false' === 'true';
2306    var showInProductionFilter = 'false' === 'true';
2307    var finalConditionalPriceFontWeight = 'normal';
2308    var HideSubaruOemBadges = 'false' === 'true';
2309    var enableFinalPriceDetails = 'false' === 'true';
2310    var enableListPriceDetails = 'false' === 'true';
2311    var enableDiscountDetails = 'false' === 'true';
2312    var finalPriceDetails = '';
2313    var listPriceDetails = '';
2314    var discountPriceDetails = '';
2315    var sortModelsFilterByCount = 'false' === 'true';
2316    var sortTrimFilterByCount = 'false' === 'true';
2317    var srpDealerDiscountColor = '';
2318
2319    var sortYearFiltersinDescOrder = 'false' === 'true';
2320    var enableUdTestDriveIntegration = 'false' === 'true';
2321    var noResultsLeadFormHeading = '';
2322    var noResultsLeadFormSubHeading = '';
2323    var enableBonusOfferVehicleInterest = 'false' === 'true';
2324    var viewDisclaimerAsLink = 'false' === 'true';
2325    var hideInventoryCount = 'false' === 'true';
2326    var enableModelGroupingOnSRPFilters = 'false' === 'true';
2327    var isEnableHyundaiOEMBanner = 'false' === 'true';
2328    var preQualButtonHoverColor='';
2329    var preQualFontHoverColor='';
2330    var preQualButtonBorderHoverColor = '';
2331    var showLeasePaymentsOnCPO = 'false' === 'true';
2332    var enableSfsCreditApp = 'false' === 'true';
2333</script>
2333
2334
2335
2336
2337
2338
2339
2340
2341<script type="text/javascript">
2342    var stickFiltersToTop = 'true' === "true";
2343    var enableSRPFiltersGetApi = 'false' === "true";
2344    var seeResultsButtonColor = '';
2345    var seeResultsButtonFontColor = '';
2346    var seeResultsButtonBorderColor = '';
2347    var enableLESAVideosSRP = 'false' === "true";
2348    var textAQuoteHeadingLabel = '';
2349    var textAQuoteSubmitButtonLabel = '';
2350    var enableExtGenericColors = 'false' === "true";
2351    var enableInteriorColorFilter = 'true' === "true";
2352    var enableTrasactRedirectionURl = 'false'==="true";
2353    var isCareByVolvoSubscriptionBadge = 'false' === 'true';
2354    var hideColorSwatchesOnSRP = 'false' === "true";
2355    var enableUnityWorksIntegrationSrp = 'false' === "true";
2356    var enableActivEngageSrp = 'false' === "true";
2357    var activEngageButtounLabelDesktop = '';
2358    var activEngageButtounLabelMobile = '';
2359    var enableSelectFiSrp = 'False';
2360    var showIncentiveDetailsText = 'false' === "true";
2361    var showConditionalIncentiveDetailsText = 'false' === "true";
2362	var collapseHeaderOnMobile = 'false' === 'true';
2363    var enableActivEngageSrpMobile = 'false' === "true";
2364    var enableOemAccessoriesIntegration = 'false' === 'true';
2365    var excludeCPOFromUsed = 'false' === 'true';
2366    var showStep2Template = 'false' === "true";
2367    var vehicleTypesInVehicleNamesInventoryType = '';
2368    var vehicleTypeInVehicleNamesUsedlabel = '';
2369    var VehicleTypeInVehicleNamesCpolabel = '';
2370    var showMileageNewVehicles = 'false' === "true";
2371    var EnableGoxeeOnSrp = 'false' === "true";
2372</script>
2372
2373
2374
2375
2376
2377
2378
2379
2380
2381
2382    <!--  -->
2383
2384  <style>
2385  .popover,.tooltip,button,select{text-transform:none}.popover,.tooltip,address{font-style:normal}.custom-range,.custom-select,[type=search]{-webkit-appearance:none}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1rem}img,svg{vertical-align:middle}body,caption{text-align:left}dd,h1,h2,h3,h4,h5,h6,label{margin-bottom:.5rem}pre,textarea{overflow:auto}html,pre{-ms-overflow-style:scrollbar}article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}address,legend{line-height:inherit}.badge,progress,sub,sup{vertical-align:baseline}label,output{display:inline-block}button,hr,input{overflow:visible}.dropdown-menu,.form-control,.modal-content,.popover{background-clip:padding-box}.dropdown-menu,.nav,.navbar-nav{list-style:none}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.text-monospace,code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[tabindex="-1"]:focus{outline:0!important}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.btn:not(:disabled):not(.disabled),.close:not(:disabled):not(.disabled),.navbar-toggler:not(:disabled):not(.disabled),.page-link:not(:disabled):not(.disabled),summary{cursor:pointer}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:#007bff;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-size:1em}img{border-style:none}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.75rem;padding-top:.75rem}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;font-size:1.5rem;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}.badge,.btn,.dropdown-header,.dropdown-item,.input-group-text,.navbar-brand,.progress-bar{white-space:nowrap}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
2385.display-1,.display-2,.display-3,.display-4{line-height:1.2}summary{display:list-item}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-bottom:.5rem}.blockquote,hr{margin-bottom:1rem}.display-1,.display-2,.display-3,.display-4,.lead{font-weight:300}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem}.display-1{font-size:6rem}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-4{font-size:3.5rem}hr{border:0;border-top:1px solid rgba(0,0,0,.1);box-sizing:content-box;height:0;margin-top:1rem}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.small,small{font-size:80%;font-weight:400}.mark,mark{background-color:#fcf8e3;padding:.2em}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{font-size:1.25rem}.blockquote-footer{color:#6c757d;display:block;font-size:80%}.blockquote-footer:before{content:"\2014   \A0"}.img-thumbnail{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:#6c757d;font-size:90%}code,kbd{font-size:87.5%}a>code,pre code{color:inherit}code{color:#e83e8c;word-break:break-word}kbd{background-color:#212529;border-radius:.2rem;color:#fff;padding:.2rem .4rem}kbd kbd{font-size:100%;font-weight:700;padding:0}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.btn,.btn-link,.dropdown-item{font-weight:400}pre{color:#212529;display:block;font-size:87.5%}pre code{font-size:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.col{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}
2385.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{background-color:transparent;margin-bottom:1rem;width:100%}.table td,.table th{border-top:1px solid #dee2e6;padding:.75rem;vertical-align:top}.table thead th{border-bottom:2px solid #dee2e6;vertical-align:bottom}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>
2385th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{background-color:#212529;border-color:#32383e;color:#fff}.table .thead-light th{background-color:#e9ecef;border-color:#dee2e6;color:#495057}.table-dark{background-color:#212529;color:#fff}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered,.table-responsive>.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{background-color:hsla(0,0%,100%,.075)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.collapsing,.modal-open,.progress{overflow:hidden}.form-control{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:block;font-size:1rem;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);color:#495057;outline:0}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{background-color:#fff;color:#495057}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{font-size:inherit;line-height:1.5;margin-bottom:0;padding-bottom:calc(.375rem + 1px);padding-top:calc(.375rem + 1px)}.col-form-label-lg{font-size:1.25rem;line-height:1.5;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.col-form-label-sm{font-size:.875rem;line-height:1.5;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:#212529;display:block;line-height:1.5;margin-bottom:0;padding-bottom:.375rem;padding-top:.375rem;width:100%}.custom-file-input.is-valid~.custom-file-label,.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-file-input:valid~.custom-file-label,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:.2rem;font-size:.875rem;height:calc(1.8125rem + 2px);line-height:1.5;padding:.25rem .5rem}.form-control-lg{border-radius:.3rem;font-size:1.25rem;height:calc(2.875rem + 2px);line-height:1.5;padding:.5rem 1rem}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.form-row>.col,.form-row>[class*=col-]{padding-left:5px;padding-right:5px}.form-check{display:block;padding-left:1.25rem;position:relative}.form-check-input{margin-left:-1.25rem;margin-top:.3rem;position:absolute}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;margin-right:.75rem;padding-left:0}.form-check-inline .form-check-input{margin-left:0;margin-right:.3125rem;margin-top:0;position:static}.invalid-tooltip,.valid-tooltip{border-radius:.25rem;line-height:1.5;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}
2385.valid-feedback{color:#28a745;display:none;font-size:80%;margin-top:.25rem;width:100%}.valid-tooltip{background-color:rgba(40,167,69,.9);color:#fff;display:none;font-size:.875rem;margin-top:.1rem}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.form-check-input.is-valid~.form-check-label,.was-validated .custom-control-input:valid~.custom-control-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before{background-color:#71dd8a}.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label:after,.was-validated .custom-file-input:valid~.custom-file-label:after{border-color:inherit}.custom-file-input.is-invalid~.custom-file-label,.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-file-input:invalid~.custom-file-label,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{color:#dc3545;display:none;font-size:80%;margin-top:.25rem;width:100%}.invalid-tooltip{background-color:rgba(220,53,69,.9);color:#fff;display:none;font-size:.875rem;margin-top:.1rem}.collapsing,.dropdown,.dropleft,.dropright,.dropup{position:relative}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invali
2385d-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.form-check-input.is-invalid~.form-check-label,.was-validated .custom-control-input:invalid~.custom-control-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before{background-color:#efa2a9}.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label:after,.was-validated .custom-file-input:invalid~.custom-file-label:after{border-color:inherit}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.form-inline .form-group,.form-inline label{align-items:center;display:-ms-flexbox;display:flex;margin-bottom:0}.form-inline .form-group{-ms-flex-align:center;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;padding-left:0;width:auto}.form-inline .form-check-input{margin-left:0;margin-right:.25rem;margin-top:0;position:relative}.form-inline .custom-control{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn{border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:1rem;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.btn-primary.disabled,.btn-primary:disabled{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:#0062cc;border-color:#005cbf;color:#fff}.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}
2385.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62;color:#fff}.btn-secondary.disabled,.btn-secondary:disabled{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:#545b62;border-color:#4e555b;color:#fff}.btn-success.focus,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838;border-color:#1e7e34;color:#fff}.btn-success.disabled,.btn-success:disabled{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{background-color:#1e7e34;border-color:#1c7430;color:#fff}.btn-info.focus,.btn-info:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496;border-color:#117a8b;color:#fff}.btn-info.disabled,.btn-info:disabled{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{background-color:#117a8b;border-color:#10707f;color:#fff}.btn-warning.focus,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800;border-color:#d39e00;color:#212529}.btn-warning.disabled,.btn-warning:disabled{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{background-color:#d39e00;border-color:#c69500;color:#212529}.btn-danger.focus,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#bd2130;color:#fff}.btn-danger.disabled,.btn-danger:disabled{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{background-color:#bd2130;border-color:#b21f2d;color:#fff}.btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
2385.btn-light{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-light:hover{background-color:#e2e6ea;border-color:#dae0e5;color:#212529}.btn-light.disabled,.btn-light:disabled{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{background-color:#dae0e5;border-color:#d3d9df;color:#212529}.btn-dark.focus,.btn-dark:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark{background-color:#343a40;border-color:#343a40;color:#fff}.btn-dark:hover{background-color:#23272b;border-color:#1d2124;color:#fff}.btn-dark.disabled,.btn-dark:disabled{background-color:#343a40;border-color:#343a40;color:#fff}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{background-color:#1d2124;border-color:#171a1d;color:#fff}.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary{background-color:transparent;background-image:none;border-color:#007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;border-color:#007bff;color:#fff}.btn-outline-primary.disabled,.btn-outline-primary:disabled{background-color:transparent;color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:#007bff;border-color:#007bff;color:#fff}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}.btn-outline-secondary{background-color:transparent;background-image:none;border-color:#6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{background-color:transparent;color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-success.focus,.btn-outline-success:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success{background-color:transparent;background-image:none;border-color:#28a745;color:#28a745}.btn-outline-success:hover{background-color:#28a745;border-color:#28a745;color:#fff}.btn-outline-success.disabled,.btn-outline-success:disabled{background-color:transparent;color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{background-color:#28a745;border-color:#28a745;color:#fff}.btn-outline-info.focus,.btn-outline-info:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info{background-color:transparent;background-image:none;border-color:#17a2b8;color:#17a2b8}.btn-outline-info:hover{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-outline-info.disabled,.btn-outline-info:disabled{background-color:transparent;color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}
2385.btn-outline-warning{background-color:transparent;background-image:none;border-color:#ffc107;color:#ffc107}.btn-outline-warning:hover{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-outline-warning.disabled,.btn-outline-warning:disabled{background-color:transparent;color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-outline-danger.focus,.btn-outline-danger:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger{background-color:transparent;background-image:none;border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-danger.disabled,.btn-outline-danger:disabled{background-color:transparent;color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-light.focus,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
2385.btn-outline-light{background-color:transparent;background-image:none;border-color:#f8f9fa;color:#f8f9fa}.btn-outline-light:hover{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-outline-light.disabled,.btn-outline-light:disabled{background-color:transparent;color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529}.btn-outline-dark.focus,.btn-outline-dark:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark{background-color:transparent;background-image:none;border-color:#343a40;color:#343a40}.btn-outline-dark:hover{background-color:#343a40;border-color:#343a40;color:#fff}.btn-outline-dark.disabled,.btn-outline-dark:disabled{background-color:transparent;color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{background-color:#343a40;border-color:#343a40;color:#fff}.btn-link,.btn-link:hover{background-color:transparent}.btn-link.focus,.btn-link:focus,.btn-link:hover{border-color:transparent;text-decoration:underline}.btn-link{color:#007bff}.btn-link:hover{color:#0056b3}.btn-link.focus,.btn-link:focus{box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:1.25rem;line-height:1.5;padding:.5rem 1rem}.btn-group-sm>.btn,.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.btn-block{display:block}.btn-block+.btn-block{margin-top:.5rem}.dropdown-toggle:after,.dropup .dropdown-toggle:after{content:"";height:0;vertical-align:.255em;width:0}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;display:inline-block;margin-left:.255em}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;color:#212529;display:none;float:left;font-size:1rem;left:0;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.dropdown-menu-right{left:auto;right:0}.dropup .dropdown-menu{bottom:100%;margin-bottom:.125rem;margin-top:0;top:auto}.dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;display:inline-block;margin-left:.255em}.dropleft .dropdown-toggle:before,.dropright .dropdown-toggle:after{border-bottom:.3em solid transparent;border-top:.3em solid transparent;content:"";height:0;width:0}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-menu{left:100%;margin-left:.125rem;margin-top:0;right:auto;top:0}.dropright .dropdown-toggle:after{border-left:.3em solid;border-right:0;display:inline-block;margin-left:.255em;vertical-align:0}.dropright .dropdown-toggle:empty:after{margin-left:0}.dropleft .dropdown-menu{left:auto;margin-right:.125rem;margin-top:0;right:100%;top:0}.dropleft .dropdown-toggle:after{content:"";display:none;height:0;margin-left:.255em;vertical-align:.255em;width:0}.dropleft .dropdown-toggle:before{border-right:.3em solid;display:inline-block;margin-right:.255em;vertical-align:0}.dropleft .dropdown-toggle:empty:after{margin-left:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{bottom:auto;right:auto}.dropdown-divider{border-top:1px solid #e9ecef;height:0;margin:.5rem 0;overflow:hidden}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn,.custom-control-label,.custom-file,.dropdown-header,.input-group-text,.nav{margin-bottom:0}.dropdown-item{background-color:transparent;border:0;clear:both;color:#212529;display:block;padding:.25rem 1.5rem;text-align:inherit;width:100%}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after,.input-group>
2385.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child),.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.dropdown-item:focus,.dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.dropdown-item.active,.dropdown-item:active{background-color:#007bff;color:#fff;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:#6c757d}.dropdown-menu.show{display:block}.dropdown-header{color:#6c757d;display:block;font-size:.875rem;padding:.5rem 1.5rem}.dropdown-item-text{color:#212529;display:block;padding:.25rem 1.5rem}.btn-group,.btn-group-vertical{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{-ms-flex:0 1 auto;flex:0 1 auto;position:relative}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-group>.btn:first-child,.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.btn-toolbar{-ms-flex-pack:start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropleft .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{-ms-flex-align:start;-ms-flex-pack:center;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-left:0;margin-top:-1px}.input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.input-group{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{-ms-flex:1 1 auto;flex:1 1 auto;margin-bottom:0;position:relative;width:1%}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-file{-ms-flex-align:center;align-items:center}.input-group-append,.input-group-prepend,.input-group>.custom-file{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-prepend{margin-right:-1px}.input-group-text{-ms-flex-align:center;align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:-ms-flexbox;display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center}.alert-link,.badge,.close{font-weight:700}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>
2385.btn,.input-group-lg>.input-group-prepend>.input-group-text{border-radius:.3rem;font-size:1.25rem;height:calc(2.875rem + 2px);line-height:1.5;padding:.5rem 1rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{border-radius:.2rem;font-size:.875rem;height:calc(1.8125rem + 2px);line-height:1.5;padding:.25rem .5rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}.custom-control{display:block;min-height:1.5rem;padding-left:1.5rem;position:relative}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{opacity:0;position:absolute;z-index:-1}.custom-control-input:checked~.custom-control-label:before{background-color:#007bff;color:#fff}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label:before{background-color:#b3d7ff;color:#fff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{position:relative}.custom-control-label:after,.custom-control-label:before{content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.25rem;width:1rem}.custom-control-label:before{background-color:#dee2e6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-checkbox .custom-control-input:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:#007bff}.custom-control-label:after{background-position:50%;background-repeat:no-repeat;background-size:50% 50%}.custom-file-input:lang(en)~.custom-file-label:after,.custom-file-label:after{content:"Browse"}.carousel-indicators li:after,.carousel-indicators li:before,.clearfix:after,.embed-responsive:before,.modal-dialog-centered:before,.navbar-toggler-icon,.popover .arrow:after,.popover .arrow:before,.tooltip .arrow:before{content:""}.custom-checkbox .custom-control-label:before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-select{-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:inline-block;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem 1.75rem .375rem .75rem;vertical-align:middle;width:100%}.custom-select-lg,.custom-select-sm{padding-bottom:.375rem;padding-top:.375rem}.custom-file-input:focus~.custom-file-label:after,.custom-select:focus{border-color:#80bdff}.custom-select:focus{box-shadow:0 0 0 .2rem rgba(128,189,255,.5);outline:0}.custom-select:focus::-ms-value{background-color:#fff;color:#495057}.custom-file-input:disabled~.custom-file-label,.custom-select:disabled{background-color:#e9ecef}.custom-select[multiple],.custom-select[size]:not([size="1"]){background-image:none;height:auto;padding-right:.75rem}.custom-select:disabled{color:#6c757d}.custom-select::-ms-expand{opacity:0}
2385.custom-select-sm{font-size:75%;height:calc(1.8125rem + 2px)}.custom-select-lg{font-size:125%;height:calc(2.875rem + 2px)}.custom-file,.custom-file-input,.custom-file-label{height:calc(2.25rem + 2px)}.custom-file{display:inline-block;position:relative;width:100%}.custom-file-input{margin:0;opacity:0;position:relative;width:100%;z-index:2}.custom-file-label,.custom-file-label:after{color:#495057;line-height:1.5;padding:.375rem .75rem;position:absolute;right:0;top:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-label{background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;left:0;z-index:1}.custom-file-label:after{background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0;bottom:0;display:block;height:2.25rem;z-index:3}.nav,.navbar{-ms-flex-wrap:wrap}.custom-range{-moz-appearance:none;appearance:none;background-color:transparent;padding-left:0;width:100%}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-ms-thumb{appearance:none;background-color:#007bff;border:0;border-radius:1rem;height:1rem;margin-left:.2rem;margin-right:.2rem;margin-top:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{background-color:transparent;border-color:transparent;border-width:.5rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px}.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label:before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0}.nav-link,.navbar{padding:.5rem 1rem}.nav-link{display:block}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{background-color:transparent;border-color:transparent;color:#6c757d}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;color:#495057}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#007bff;color:#fff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;-ms-flex-positive:1;flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{display:flex;flex-wrap:wrap;position:relative}.navbar,.navbar>.container,.navbar>.container-fluid{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;justify-content:space-between}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.navbar-brand{display:inline-block;font-size:1.25rem;line-height:inherit;margin-right:1rem;padding-bottom:.3125rem;padding-top:.3125rem}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{float:none;position:static}.navbar-text{display:inline-block;padding-bottom:.5rem;padding-top:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;-ms-flex-positive:1;-ms-flex-align:center;align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:1px solid transparent;border-radius:.25rem;font-size:1.25rem;line-height:1;padding:.25rem .75rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{background:50% no-repeat;background-size:100% 100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-left:0;padding-right:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-pack:start;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-left:0;padding-right:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{-ms-flex-preferred-size:auto;display:-ms-flexbox!important;display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{word-wrap:break-word;background-clip:border-box;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-footer,.card-header{background-color:rgba(0,0,0,.03);padding:.75rem 1.25rem}.card-title{margin-bottom:.75rem}.card-header,.card-subtitle,.card-text:last-child{margin-bottom:0}.card-subtitle{margin-top:-.375rem}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}
2385.card-header-pills,.card-header-tabs{margin-left:-.625rem;margin-right:-.625rem}.card-header{border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{border-bottom:0;margin-bottom:-.75rem}.card-img-overlay{bottom:0;left:0;padding:1.25rem;position:absolute;right:0;top:0}.alert,.btn .badge,.page-link{position:relative}.card-img{border-radius:calc(.25rem - 1px);width:100%}.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);width:100%}.card-img-bottom{border-bottom-left-radius:calc(.25rem - 1px);border-bottom-right-radius:calc(.25rem - 1px);width:100%}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-15px;margin-right:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;margin-left:15px;margin-right:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{border-left:0;margin-left:0}.card-group>.card:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child),.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.card-columns .card{margin-bottom:.75rem}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb,.pagination{border-radius:.25rem;list-style:none}.breadcrumb{background-color:#e9ecef;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{color:#6c757d;content:"/";display:inline-block;padding-right:.5rem}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}
2385.pagination{display:-ms-flexbox;display:flex;padding-left:0}.page-link,.popover-body,.popover-header{padding:.5rem .75rem}.page-link{background-color:#fff;border:1px solid #dee2e6;color:#007bff;display:block;line-height:1.25;margin-left:-1px}.page-link:hover{background-color:#e9ecef;border-color:#dee2e6;color:#0056b3;text-decoration:none;z-index:2}.page-link:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0;z-index:2}.page-item:first-child .page-link{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;margin-left:0}.page-item:last-child .page-link{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.page-item.active .page-link{background-color:#007bff;color:#fff;z-index:1}.page-item.disabled .page-link{background-color:#fff;border-color:#dee2e6;color:#6c757d;cursor:auto;pointer-events:none}.pagination-lg .page-link{font-size:1.25rem;line-height:1.5;padding:.75rem 1.5rem}.pagination-lg .page-item:first-child .page-link{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}.pagination-sm .page-link{font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.badge,.close{line-height:1}.pagination-sm .page-item:first-child .page-link{border-bottom-left-radius:.2rem;border-top-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-bottom-right-radius:.2rem;border-top-right-radius:.2rem}.badge{border-radius:.25rem;display:inline-block;font-size:75%;padding:.25em .4em;text-align:center}.badge:empty{display:none}.btn .badge{top:-1px}.badge-pill{border-radius:10rem;padding-left:.6em;padding-right:.6em}.badge-primary{background-color:#007bff;color:#fff}.badge-primary[href]:focus,.badge-primary[href]:hover{background-color:#0062cc;color:#fff;text-decoration:none}.badge-secondary{background-color:#6c757d;color:#fff}.badge-secondary[href]:focus,.badge-secondary[href]:hover{background-color:#545b62;color:#fff;text-decoration:none}.badge-success{background-color:#28a745;color:#fff}.badge-success[href]:focus,.badge-success[href]:hover{background-color:#1e7e34;color:#fff;text-decoration:none}.badge-info{background-color:#17a2b8;color:#fff}.badge-info[href]:focus,.badge-info[href]:hover{background-color:#117a8b;color:#fff;text-decoration:none}.badge-warning{background-color:#ffc107;color:#212529}.badge-warning[href]:focus,.badge-warning[href]:hover{background-color:#d39e00;color:#212529;text-decoration:none}.badge-danger{background-color:#dc3545;color:#fff}.badge-danger[href]:focus,.badge-danger[href]:hover{background-color:#bd2130;color:#fff;text-decoration:none}.badge-light{background-color:#f8f9fa;color:#212529}.badge-light[href]:focus,.badge-light[href]:hover{background-color:#dae0e5;color:#212529;text-decoration:none}.badge-dark{background-color:#343a40;color:#fff}.badge-dark[href]:focus,.badge-dark[href]:hover{background-color:#1d2124;color:#fff;text-decoration:none}.jumbotron{background-color:#e9ecef;border-radius:.3rem;margin-bottom:2rem;padding:2rem 1rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{border-radius:0;padding-left:0;padding-right:0}.alert{border:1px solid transparent;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem}.alert-heading{color:inherit}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{color:inherit;padding:.75rem 1.25rem;position:absolute;right:0;top:0}.alert-primary{background-color:#cce5ff;border-color:#b8daff;color:#004085}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{background-color:#e2e3e5;border-color:#d6d8db;color:#383d41}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{background-color:#fefefe;border-color:#fdfdfe;color:#818182}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{background-color:#d6d8d9;border-color:#c6c8ca;color:#1b1e21}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress{background-color:#e9ecef;border-radius:.25rem;font-size:.75rem;height:1rem}.progress,.progress-bar{display:-ms-flexbox;display:flex}.progress-bar{-ms-flex-pack:center;background-color:#007bff;color:#fff;-ms-flex-direction:column;flex-direction:column;justify-content:center;text-align:center;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.media-body{-ms-flex:1;flex:1}
2385.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-item-action{color:#495057;text-align:inherit;width:100%}.list-group-item-action:focus,.list-group-item-action:hover{background-color:#f8f9fa;color:#495057;text-decoration:none}.list-group-item-action:active{background-color:#e9ecef;color:#212529}.list-group-item{background-color:#fff;border:1px solid rgba(0,0,0,.125);display:block;margin-bottom:-1px;padding:.75rem 1.25rem;position:relative}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin-bottom:0}.list-group-item:focus,.list-group-item:hover{text-decoration:none;z-index:1}.list-group-item.disabled,.list-group-item:disabled{background-color:#fff;color:#6c757d}.list-group-item.active{background-color:#007bff;border-color:#007bff;color:#fff;z-index:2}.list-group-flush .list-group-item{border-left:0;border-radius:0;border-right:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{background-color:#b8daff;color:#004085}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{background-color:#9fcdff;color:#004085}.list-group-item-primary.list-group-item-action.active{background-color:#004085;border-color:#004085;color:#fff}.list-group-item-secondary{background-color:#d6d8db;color:#383d41}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{background-color:#c8cbcf;color:#383d41}.list-group-item-secondary.list-group-item-action.active{background-color:#383d41;border-color:#383d41;color:#fff}.list-group-item-success{background-color:#c3e6cb;color:#155724}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{background-color:#b1dfbb;color:#155724}.list-group-item-success.list-group-item-action.active{background-color:#155724;border-color:#155724;color:#fff}.list-group-item-info{background-color:#bee5eb;color:#0c5460}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{background-color:#abdde5;color:#0c5460}.list-group-item-info.list-group-item-action.active{background-color:#0c5460;border-color:#0c5460;color:#fff}.list-group-item-warning{background-color:#ffeeba;color:#856404}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{background-color:#ffe8a1;color:#856404}.list-group-item-warning.list-group-item-action.active{background-color:#856404;border-color:#856404;color:#fff}.list-group-item-danger{background-color:#f5c6cb;color:#721c24}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{background-color:#f1b0b7;color:#721c24}.list-group-item-danger.list-group-item-action.active{background-color:#721c24;border-color:#721c24;color:#fff}.list-group-item-light{background-color:#fdfdfe;color:#818182}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{background-color:#ececf6;color:#818182}.list-group-item-light.list-group-item-action.active{background-color:#818182;border-color:#818182;color:#fff}.list-group-item-dark{background-color:#c6c8ca;color:#1b1e21}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{background-color:#b9bbbe;color:#1b1e21}.list-group-item-dark.list-group-item-action.active{background-color:#1b1e21;border-color:#1b1e21;color:#fff}.close{color:#000;float:right;font-size:1.5rem;opacity:.5;text-shadow:0 1px 0 #fff}.popover,.tooltip{word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;font-weight:400;letter-spacing:normal;line-break:auto;text-decoration:none;white-space:normal;word-break:normal;word-spacing:normal}.modal-title,.popover,.tooltip{line-height:1.5}.popover,.text-hide,.tooltip{text-shadow:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;opacity:.75;text-decoration:none}button.close{-webkit-appearance:none;background-color:transparent;border:0;padding:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{bottom:0;display:none;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1050}.modal-dialog{margin:.5rem;pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{-webkit-transform:translateY(-25%);transform:translateY(-25%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0);transform:translate(0)}.modal-dialog-centered{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:calc(100% - 1rem)}.modal-dialog-centered:before{display:block;height:calc(100vh - 1rem)}.modal-content{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-backdrop{background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-backdrop.fade{opacity:0}
2385.modal-backdrop.show{opacity:.5}.modal-header{-ms-flex-align:start;-ms-flex-pack:justify;align-items:flex-start;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem;display:-ms-flexbox;display:flex;justify-content:space-between;padding:1rem}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem}.modal-title{margin-bottom:0}.modal-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;position:relative}.modal-footer{-ms-flex-align:center;-ms-flex-pack:end;align-items:center;border-top:1px solid #e9ecef;display:-ms-flexbox;display:flex;justify-content:flex-end;padding:1rem}.popover,.popover .arrow,.popover .arrow:after,.popover .arrow:before,.tooltip,.tooltip .arrow{display:block;position:absolute}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{height:50px;overflow:scroll;position:absolute;top:-9999px;width:50px}@media (min-width:576px){.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{margin:0;opacity:0;text-align:left;text-align:start;z-index:1070}.tooltip.show{opacity:.9}.tooltip .arrow{height:.4rem;width:.8rem}.tooltip .arrow:before{border-color:transparent;border-style:solid;position:absolute}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before{border-top-color:#000;border-width:.4rem .4rem 0;top:0}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{height:.8rem;left:0;width:.4rem}.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before{border-right-color:#000;border-width:.4rem .4rem .4rem 0;right:0}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before{border-bottom-color:#000;border-width:0 .4rem .4rem;bottom:0}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{height:.8rem;right:0;width:.4rem}.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{border-left-color:#000;border-width:.4rem 0 .4rem .4rem;left:0}.tooltip-inner{background-color:#000;border-radius:.25rem;color:#fff;max-width:200px;padding:.25rem .5rem;text-align:center}.popover{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;left:0;max-width:276px;text-align:left;text-align:start;top:0;z-index:1060}.popover .arrow{height:.5rem;margin:0 .3rem;width:1rem}.popover .arrow:after,.popover .arrow:before{border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc(-.5rem + -1px)}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:after,.bs-popover-top .arrow:before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:before{border-top-color:rgba(0,0,0,.25);bottom:0}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-top .arrow:after{border-top-color:#fff;bottom:1px}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{height:1rem;left:calc(-.5rem + -1px);margin:.3rem 0;width:.5rem}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:after,.bs-popover-right .arrow:before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:before{border-right-color:rgba(0,0,0,.25);left:0}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-right .arrow:after{border-right-color:#fff;left:1px}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}
2385.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc(-.5rem + -1px)}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:after,.bs-popover-bottom .arrow:before{border-width:0 .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:before{border-bottom-color:rgba(0,0,0,.25);top:0}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-bottom .arrow:after{border-bottom-color:#fff;top:1px}.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{border-bottom:1px solid #f7f7f7;content:"";display:block;left:50%;margin-left:-.5rem;position:absolute;top:0;width:1rem}.carousel,.carousel-inner,.carousel-item{position:relative}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{height:1rem;margin:.3rem 0;right:calc(-.5rem + -1px);width:.5rem}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:after,.bs-popover-left .arrow:before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:before{border-left-color:rgba(0,0,0,.25);right:0}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-left .arrow:after{border-left-color:#fff;right:1px}.popover-header{background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);color:inherit;font-size:1rem;margin-bottom:0}.popover-header:empty{display:none}.popover-body{color:#212529}.carousel-inner{overflow:hidden;width:100%}.carousel-item{-ms-flex-align:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;-webkit-perspective:1000px;perspective:1000px;width:100%}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}
2385.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateZ(0);transform:translateZ(0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateZ(0);transform:translateZ(0)}}.carousel-control-next,.carousel-control-prev{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;bottom:0;color:#fff;display:-ms-flexbox;display:flex;justify-content:center;opacity:.5;position:absolute;text-align:center;top:0;width:15%}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background:50% no-repeat;background-size:100% 100%;display:inline-block;height:20px;width:20px}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{-ms-flex-pack:center;bottom:10px;display:-ms-flexbox;display:flex;justify-content:center;left:0;list-style:none;margin-left:15%;margin-right:15%;padding-left:0;position:absolute;right:0;z-index:15}.carousel-indicators li{background-color:hsla(0,0%,100%,.5);cursor:pointer;-ms-flex:0 1 auto;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;position:relative;text-indent:-999px;width:30px}.carousel-indicators li:after,.carousel-indicators li:before{display:inline-block;height:10px;left:0;position:absolute;width:100%}.carousel-indicators li:before{top:-10px}.carousel-indicators li:after{bottom:-10px}.carousel-indicators .active{background-color:#fff}.carousel-caption{bottom:20px;color:#fff;left:15%;padding-bottom:20px;padding-top:20px;position:absolute;right:15%;text-align:center;z-index:10}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}.rounded-left,.rounded-top{border-top-left-radius:.25rem!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix:after{clear:both;display:block}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.embed-responsive:before{display:block}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.embed-responsive-21by9:before{padding-top:42.857143%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
2385.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-top{top:0}.fixed-bottom{bottom:0}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{border:0;white-space:nowrap}.sr-only-focusable:active,.sr-only-focusable:focus{white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}
2385.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
2385.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}
2385.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}
2385.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
2385.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.fa-fw,.fa-li,.fa-stack-1x,.fa-stack-2x,.footer,.footer-tvm,.header-menu li{text-align:center}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-hide{background-color:transparent;border:0;color:transparent;font:0/0 a}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{box-shadow:none!important;text-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{border-color:#dee2e6;color:inherit}}.footer ul li a,.footer ul li a:hover,.header-menu li a,.header-menu li a:hover{text-decoration:none}
2386</style>
2387
2388
2389    <link href="https://prod.cdn.secureoffersites.com/dist/p1143/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
2390  <noscript>
2391        <link href="https://prod.cdn.secureoffersites.com/dist/p1143/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
2392  </noscript>
2393
2394  
2395
2396
2397
2398</head>
2399<body class="_website_gemini page-speed   " id="_website_gemini">
2400
2401
2402        
2402<script type="text/html" id="main-template-footer">
2403
2404          
2405
2406
2407<div  id="website-primary-footer" class=''>
2408
2409
2410
2411   <div class="bgcolor-primary _theme_footer_background_color pt-3 gemini-footer">
2412    <div class="container footer-container ft-14 py-5 footer-container-top-section">
2413        <div class="row">
2414            <div class="col-lg-3 dealer-information">
2415                <div class="footer-col gemini-footer-text-color mr-lg-4 footer-dealer-info">
2416                    <div class="menu-title-seperator"></div>
2417                    <h3 class="mb-3 color-primary ft-20 footer-menu-title">Commonwealth Nissan</h3>
2418
2419
2420                    <a href="/contactus" class="mb-3 contact-us-btn position-relative text-decoration-none btn rounded-buttons _theme_buttons_css btn-websites button-primary-white btn-websites button-primary text-white bgcolor-primary" style="border: 1px solid;" @click="onFooterMenuClick('Contact Us')">
2421                    <span class="primaryicon-phone mr-2"></span>
2422                    Contact Us
2423                    </a>
2424                        <div class="cursor-pointer">
2425                            <a href="/get-directions" @click="onFooterMenuClick('directions')" class="color-secondary">    
2426
2427                                            <span>
2428                                                1 Commonwealth Dr.,
2429                                            </span>
2430                                        <span>
2431                                            Lawrence, MA 01841
2432                                        </span>
2433                            </a>
2434                        </div>
2435
2436
2437
2438                                <div class="mt-2 footer-phn-num color-secondary">
2439                                    <span>Sales: <a href="tel:978-350-5287" @click="onContactSalesClick('Sales Call Button', 'Footer','978-350-5287')" class="text-underline no-hover Phone_Sales color-secondary pe-none">978-350-5287</a></span>
2440                                </div>
2441                                <div class="mt-2 footer-phn-num color-secondary">
2442                                    <span>Service: <a href="tel:978-350-5497" @click="onContactSalesClick('Service Call Button', 'Footer','978-350-5497')" class="text-underline no-hover Phone_Service color-secondary pe-none">978-350-5497</a></span>
2443                                </div>
2444                            <div class="mt-2 footer-phn-num color-secondary">
2445                                <span>Parts: <a href="tel:978-350-5497" @click="onContactSalesClick('Parts Call Button', 'Footer','978-350-5497')" class="text-underline no-hover Phone_Parts color-secondary pe-none">978-350-5497</a></span>
2446                            </div>
2447                    
2448                        
2449    <div class="social-icons mt-2">
2450            <a @click="onSocialMediaClick('Facebook', 'https://www.facebook.com/CommonwealthNissan', $event)" href="https://www.facebook.com/CommonwealthNissan" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="Facebook"
2451               :style="{}">
2452                <span><em class="primaryicon-facebook color-primary" title="Facebook" :style="{'color' : '!important'}"></em></span>
2453            </a>
2454            <a @click="onSocialMediaClick('Instagram', 'https://www.instagram.com/explore/locations/240293050/commonwealth-nissan/recent/', $event)" href="https://www.instagram.com/explore/locations/240293050/commonwealth-nissan/recent/" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="Instagram"
2455               :style="{}">
2456                <span><em class="primaryicon-instagram color-primary" title="Instagram" :style="{'color' : '!important'}"></em></span>
2457            </a>
2458            <a @click="onSocialMediaClick('Twitter', 'https://twitter.com/CM_Nissan1', $event)" href="https://twitter.com/CM_Nissan1" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="Twitter"
2459               :style="{}">
2460                <span><em class="primaryicon-twitter color-primary" title="Twitter" :style="{'color' : '!important'}"></em></span>
2461            </a>
2462            <a @click="onSocialMediaClick('Youtube', 'https://www.youtube.com/@commonwealthnissanMA/videos', $event)" href="https://www.youtube.com/@commonwealthnissanMA/videos" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="Youtube"
2463               :style="{}">
2464                <span><em class="primaryicon-youtube color-primary" title="Youtube" :style="{'color' : '!important'}"></em></span>
2465            </a>
2466    </div>
2467
2468                    
2469
2470
2471
2472
2473                </div>
2474            </div>
2475
2476            <div class="col-lg-9 footer-menu-details">
2477                <div class="d-flex">
2478                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
2479                                <div class="menu-title-seperator"></div>
2480                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
2481                                        <a href="https://www.commonwealthnissan.com/Inventory" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Inventory`,'',`https://www.commonwealthnissan.com/Inventory`)">Inventory</a>
2482                                </h3>
2483                                <div>
2484                                    <ul class="list-style-none p-0">
2485                                                <li class="mt-2"><a href="/inventory/new" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`New Vehicles`,'',`/inventory/new`)" >New Vehicles </a></li>
2486                                                <li class="mt-2"><a href="/inventory/used" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Used Vehicles`,'',`/inventory/used`)" >Used Vehicles </a></li>
2487                                                <li class="mt-2"><a href="https://www.commonwealthnissan.com/used-suvs-lawrence-ma" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Used SUVs for Sale`,'',`https://www.commonwealthnissan.com/used-suvs-lawrence-ma`)" >Used SUVs for Sale </a></li>
2488                                                <li class="mt-2"><a href="/inventory/cpo" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Certified Vehicles`,'',`/inventory/cpo`)" >Certified Vehicles </a></li>
2489                                                <li class="mt-2"><a href="https://www.commonwealthnissan.com/used-cars-under-25k-lawrence-ma" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Vehicles Under $25K`,'',`https://www.commonwealthnissan.com/used-cars-under-25k-lawrence-ma`)" >Vehicles Under $25K </a></li>
2490                                    </ul>
2491                                </div>
2492                            </div>
2493                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
2494                                <div class="menu-title-seperator"></div>
2495                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
2496                                        <a href="/schedule-service" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Service`,'',`/schedule-service`)">Service</a>
2497                                </h3>
2498                                <div>
2499                                    <ul class="list-style-none p-0">
2500                                               <li class="mt-2">
2501                                                    <lead-form-link placement="footer"  class="no-hover ft-14 footer-submenu color-secondary" title="Schedule Service" service-link="ScheduleServiceLink"></lead-form-link>
2502                                               </li>
2503                                                <li class="mt-2"><a href="/specials/service-specials" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Service Specials`,'',`/specials/service-specials`)" >Service Specials </a></li>
2504                                    </ul>
2505                                </div>
2506                            </div>
2507                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
2508                                <div class="menu-title-seperator"></div>
2509                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
2510                                        <a href="/getfinancing" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Financing`,'',`/getfinancing`)">Financing</a>
2511                                </h3>
2512                                <div>
2513                                    <ul class="list-style-none p-0">
2514                                                <li class="mt-2"><a href="/getfinancing" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Apply for Financing`,'',`/getfinancing`)" >Apply for Financing </a></li>
2515                                                <li class="mt-2"><a href="https://www.commonwealthnissan.com/shopperwizard/mytradevalue" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Value My Trade`,'',`https://www.commonwealthnissan.com/shopperwizard/mytradevalue`)" >Value My Trade </a></li>
2516                                    </ul>
2517                                </div>
2518                            </div>
2519                </div>
2520            </div>
2521        </div>
2522    </div>
2523    
2524    <div class="bgcolor-white py-3 footer-container-bottom-section">
2525        <div class="container footer-container">
2526            <div class="d-flex justify-content-between ft-12 footer-option-links">
2527              <div class="d-flex align-items-center footer-option-links-left-section">
2528
2529
2530
2531                <a href="" class="mr-2 text-decoration-none footer-client-name color-secondary" style="cursor:initial">Commonwealth Nissan </a>
2532
2533
2534                  <a @click.prevent="openPrivacy('/privacy-policy','Privacy Policy')" href="/privacy-policy" class="mr-2 text-underline color-secondary">Privacy Policy</a>
2535
2536
2537
2538
2539                <a @click.prevent="openTerms('Terms Of Use','/termsandconditions')" href="" class="mr-2 text-underline color-secondary"> Terms Of Use</a>
2540
2541                  <a @click.prevent="openSiteMap('/sitemap.xml')" href="/sitemap.xml" target="_blank" class="mr-2 text-underline color-secondary" @click="onFooterNavigationClick('Sitemap', '', '/sitemap.xml')">Sitemap</a>
2542                  <a @click.prevent="openSiteMap('/sitemap.html')" href="/sitemap.html" target="_blank" class="mr-2 text-underline color-secondary" @click="onFooterNavigationClick('Sitemap Html', '', '/sitemap.html')">Sitemap Html</a>
2543
2544                <a href="/contactus" @click="onFooterNavigationClick('Contact Us', '','/contactus')"  class="mr-2 text-underline color-secondary">Contact Us</a>
2545                  <a href="https://www.nissanusa.com/" target="_blank" class="mr-2 text-underline color-secondary" @click="onFooterNavigationClick('Nissan USA', '','https://www.nissanusa.com/')"  >Nissan USA</a>
2546                    <a href="/privacy-requests" target="_blank" class="mr-2 text-underline color-secondary" @click="onFooterNavigationClick('Opt-Out', '', `/privacy-requests`)">Opt-Out</a>
2547
2548
2549              </div>
2550                    <div class="pt-1">
2551                        <span class="ml-2 company-branding-text color-secondary">Website by <a href="https://teamvelocitymarketing.com/" @click="onFooterNavigationClick('Team Velocity®', '', 'https://teamvelocitymarketing.com/')" rel="noopener nofollow" target="_blank">Team Velocity®</a> - Fueled by Apollo® | Copyright ©2026</span>
2552                    </div>
2553            </div>
2554        </div>
2555    </div>
2556    <contact-form :opencontact="ContactForm"
2557                  offerid=""
2558                  styleid=""
2559                  vin=""
2560                  dealerurl=""
2561                  v-if="ContactForm"
2562                  @hidemodal="ContactForm = false"></contact-form>
2563    <schedule-service-modal-form v-if="openScheduleService" @hidemodal="openScheduleService = false"></schedule-service-modal-form>
2564    <get-financing v-if="openFinance" @hidemodal="openFinance = false"></get-financing>
2565    <privacy-statement v-if="showPrivacy"
2566                       :openprivacystatement="showPrivacy"
2567                       @hidemodal="showPrivacy = false">
2568    </privacy-statement>
2569     <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
2570                   :url="showIframeUrl"></iframe-modal>
2571    <additional-disclosure v-if="showDisclosure"
2572                           :openadditionaldisclosure="showDisclosure"
2573                           @hidemodal="showDisclosure = false">
2574    </additional-disclosure>
2575    <termsof-use v-if="showTerms"
2576                 :opentermsofuse="showTerms"
2577                 @hidemodal="showTerms = false">
2578    </termsof-use>
2579    </div>
2580</div>
2581
2582
2583
2584
2585
2586          </script>
2586
2587        
2587<script type="text/html" id="main-template-header">
2588          <div id="website-primary-header" class="gemini_header position-fixed w-100 bgcolor-primary _theme_background_color Website_Gemini_header_Utility_header_selection white-header" :class="[ menuTransparent ? 'transparent-header' : 'non-transparent-header']">
2589            
2590
2591
2592
2593
2594      <div class="header _primary_template_header gemini-utility-menu w-100 _website_header">
2595
2596        <div class="bg-white color-primary gemini-utility-menu-wrapper">
2597
2598          <div class="container">
2599
2600           <div @click='onHeaderMenuClick();' class="align-items-center d-flex justify-content-between utility-bar-top w-100 ft-12">
2601            <div class="d-flex align-items-center justify-content-end flex-grow-1">
2602                <div>Commonwealth Nissan</div>
2603                <div class="line-seperator mx-2"></div>
2604
2605
2606                <div class="d-flex align-items-center phone-numbers-label-container">
2607                       <div class="line-seperator mx-3"></div> <div class="text-center">
2608                        <em class="primaryicon-phone mr-1"></em>&nbsp;Sales <a href="tel:978-350-5287"
2609                                                                    @click="onContactSalesClick('Sales Call Button', 'Header','978-350-5287')"
2610                                                                    class="Phone_Sales color-primary wordBreak pe-none">978-350-5287</a>
2611                                                                  </div>
2612                      <div class="line-seperator mx-2"></div> <div class="text-center">
2613                        Service <a href="tel:978-350-5497" class="Phone_Service color-primary wordBreak pe-none"
2614                                                                      @click="onContactSalesClick('Service Call Button', 'Header','978-350-5497')">978-350-5497</a>
2615                                                                    </div>
2616                    <div class="line-seperator mx-2"></div>
2617                    <div class="text-center">
2618                      Parts <a href="tel:978-350-5497" @click="onContactSalesClick('Parts Call Button', 'Header')"
2619                                                                  class="Phone_Parts color-primary wordBreak pe-none">978-350-5497</a>
2620                                                                </div>
2621                </div>
2622
2623                <div class="ml-3 mr-2">
2624                  <a href="/get-directions" class="no-hover ml-2 color-primary" title="location" @click='onDirectionsLinkClickForEvent()'>
2625                    <em class="primaryicon-map-pin "></em>
2626                  </a>
2627                </div>
2628                <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("1 Commonwealth Dr., Lawrence, MA 01841")'>
2629                  1 Commonwealth Dr., Lawrence, MA 01841
2630                </div>
2631
2632
2633                <div class="ml-4">
2634                  <div class="businesshours-hover position-relative cursor-pointer d-flex">
2635                      <div class="mr-1"><em class="primaryicon-clock mr-1 ft-11"></em>Today  <span>9:00 AM - 7:00 PM</span></div>
2636                      <div class="ml-1"><em class="primaryicon-clock mr-1 ft-11"></em>Service &amp; Parts <span>7:00 AM - 6:00 PM</span></div>
2637                    <div class="position-absolute d-none show-businesshours-hover black-text p-3 w-100">
2638                        <h6 class="text-center"> Open Today !  </h6>
2639                            <div class="d-flex ft-15 text-left">
2640                            <span>  Sales: </span> <span class="ml-1"> 9:00 AM - 7:00 PM </span>
2641                            </div>
2642                            <div class="d-flex ft-15 text-left">
2643                            <span>  Service &amp; Parts: </span> <span class="ml-1"> 7:00 AM - 6:00 PM </span>
2644                            </div>
2645                            <div class="d-flex ft-15 text-left">
2646                            <span>  Body Shop: </span> <span class="ml-1"> 7:30 AM - 5:30 PM </span>
2647                            </div>
2648                      <div class="text-center mt-3">
2649                        <div class="color-primary ft-24 no-hover theme-text-color" title="directions"
2650                             @click.prevent="showDirections=true,allhoursGetDirections =true,allHoursClick()">
2651                            <u>All Hours</u>
2652                        </div>
2653                      </div>
2654
2655                    </div>
2656                  </div>
2657                </div>
2658              </div>
2659            </div>
2660            </div>
2661
2662    </div>
2663
2664    <div  class="header-menu _primary_template_header_menu position-relative _theme_background_color bgcolor-primary"  @mouseleave='onMouseLeave()'>
2665        <div class="container">
2666              <div class="d-flex align-items-center justify-content-between position-relative row flex-nowrap header-menu-wrapper" style="z-index: 1000;height: 80px;">
2667                <div class=" col-auto">
2668                    <a href="/" title="Commonwealth Nissan" @click='onLogoClick(`/`)'>
2669                        <img src="https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=273941&amp;Width=0&amp;Height=0&amp;logo=y" alt="Commonwealth Nissan" title="Commonwealth Nissan"
2670                             class="header-make-logo" style="max-height: 80px" />
2671                    </a>
2672
2673                </div>
2674
2675
2676
2677
2678                <div class="align-items-center col d-flex justify-content-end p-0">
2679
2680
2681
2682
2683
2684                       <template v-if="!showVehicleSearch">
2685                         
2686
2687
2688<div class="d-flex horizontalmenu align-items-center h-100 justify-content-end ">
2689      <div class="d-flex position-relative align-items-center px-0">
2690       
2691            <a href="/inventory/new" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2692              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 3630, menuName: `New` })'
2693              @mouseover='onMouseOver(3630, `New`)' :class='isEvVehicleText(`New`)' >
2694            <span :class='{"hybrid-menu":isEvVehicleText(`New`),"text-underline":3630==tempMenuId && showContactForm}' >New</span>
2695                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2696          style="color:#c5c5c5;"></em>
2697          </a>
2698        
2699       
2700        <div class="line-seperator mx-2"></div>
2701
2702
2703      </div>
2704      <div class="d-flex position-relative align-items-center px-0">
2705       
2706            <a href="/inventory/used" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2707              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 3653, menuName: `Pre-Owned` })'
2708              @mouseover='onMouseOver(3653, `Pre-Owned`)' :class='isEvVehicleText(`Pre-Owned`)' >
2709            <span :class='{"hybrid-menu":isEvVehicleText(`Pre-Owned`),"text-underline":3653==tempMenuId && showContactForm}' >Pre-Owned</span>
2710                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2711          style="color:#c5c5c5;"></em>
2712          </a>
2713        
2714       
2715        <div class="line-seperator mx-2"></div>
2716
2717
2718      </div>
2719      <div class="d-flex position-relative align-items-center px-0">
2720       
2721            <a href="https://www.commonwealthnissan.com/specials/vehicle-specials" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2722              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 333716, menuName: `Specials` })'
2723              @mouseover='onMouseOver(333716, `Specials`)' :class='isEvVehicleText(`Specials`)' >
2724            <span :class='{"hybrid-menu":isEvVehicleText(`Specials`),"text-underline":333716==tempMenuId && showContactForm}' >Specials</span>
2725                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2726          style="color:#c5c5c5;"></em>
2727          </a>
2728        
2729       
2730        <div class="line-seperator mx-2"></div>
2731
2732
2733      </div>
2734      <div class="d-flex position-relative align-items-center px-0">
2735       
2736            <a href="https://www.commonwealthnissan.com/getfinancing" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2737              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 3656, menuName: `Finance &amp; Trade` })'
2738              @mouseover='onMouseOver(3656, `Finance &amp; Trade`)' :class='isEvVehicleText(`Finance &amp; Trade`)' >
2739            <span :class='{"hybrid-menu":isEvVehicleText(`Finance &amp; Trade`),"text-underline":3656==tempMenuId && showContactForm}' >Finance &amp; Trade</span>
2740                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2741          style="color:#c5c5c5;"></em>
2742          </a>
2743        
2744       
2745        <div class="line-seperator mx-2"></div>
2746
2747
2748      </div>
2749      <div class="d-flex position-relative align-items-center px-0">
2750       
2751            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2752              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 3665, menuName: `Service &amp; Parts` })'
2753              @mouseover='onMouseOver(3665, `Service &amp; Parts`)' :class='isEvVehicleText(`Service &amp; Parts`)' >
2754            <span :class='{"hybrid-menu":isEvVehicleText(`Service &amp; Parts`),"text-underline":3665==tempMenuId && showContactForm}' >Service &amp; Parts</span>
2755                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2756          style="color:#c5c5c5;"></em>
2757          </a>
2758        
2759       
2760        <div class="line-seperator mx-2"></div>
2761
2762
2763      </div>
2764      <div class="d-flex position-relative align-items-center px-0">
2765       
2766            <a href="/contactus" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
2767              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 3672, menuName: `About Us` })'
2768              @mouseover='onMouseOver(3672, `About Us`)' :class='isEvVehicleText(`About Us`)' >
2769            <span :class='{"hybrid-menu":isEvVehicleText(`About Us`),"text-underline":3672==tempMenuId && showContactForm}' >About Us</span>
2770                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
2771          style="color:#c5c5c5;"></em>
2772          </a>
2773        
2774       
2775        <div class="line-seperator mx-2"></div>
2776
2777
2778      </div>
2779
2780</div>
2781
2782
2783
2784
2785
2786
2787
2788                              <div class="col-auto px-0 d-flex align-items-center mx-2 text-white language-bw-styles">
2789                                <language-change-icon :icon="showGlobeIcon" location="utilityWithNav"></language-change-icon>
2790                                <div class="line-seperator  ml-3 mr-1"></div>
2791                              </div>
2792
2793
2794                              <div class="col-auto px-0  d-flex align-items-center mx-2 signin-container">
2795                                <a class="signin-box no-hover analytics_popup cursor-pointer" @click.prevent="headerSignInClick()"
2796                                 style="color: #fff"
2797                                 >    <span v-if='!showSignInGlobeIcon'>Sign In</span>
2798                                  <div class="tool-tip-icon" v-else>
2799                                    <em  style="color: " class="primaryicon-user-circle ft-20"></em>
2800                                      <div class="header-icon-tool-tip position-absolute align-items-center justify-content-center ft-11">Sign In</div>
2801                                  </div>
2802
2803                                </a>
2804                                <div class="line-seperator ml-3 mr-2"></div>
2805                              </div>
2806
2807                              <a href="#header-search" @click.stop.prevent="enableSearch()" class="header-search-icon no-hover ml-2 color-white cursor-pointer" title="search">
2808                                <span><em class="primaryicon-search no-hover ft-20"></em></span>
2809                              </a>
2810
2811                       </template>
2812
2813                        <div v-if="showVehicleSearch" class="vehicle-search-header col-lg-8 p-0" @click.stop v-click-outside="hideVehicleSearch">
2814                          <common-vehicle-search :focus-on-mount="true"></common-vehicle-search>
2815                        </div>
2816                </div>
2817            </div>
2818        </div>
2819        <template>
2820          <hover-sign-in-popup></hover-sign-in-popup>
2821        </template>
2822    </div>
2823
2824    <div id="searchmenu" class="d-none">
2825    </div>
2826
2827    <div v-if="allhoursGetDirections">
2828        <get-directions v-if="showDirections" @hidemodal="showDirections =false;allhoursGetDirections-false" class="hours-getdirection" :ishoursgetdirection="true"></get-directions>
2829    </div>
2830    <div v-if="mapiconGetDirections">
2831         <get-directions v-if="showDirections" @hidemodal="showDirections =false;mapiconGetDirections= false; " class="maps-getDirection" :ismapicongetdirection="true"></get-directions>
2832    </div>
2833
2834    <div id="iframeloginid" class="d-none">
2835        <div class="header-login-details" v-if="showiframelogin">
2836            <div class="d-flex justify-content-between align-items-center py-3 px-4">
2837                <h5 class="m-0 color-primary"><em class="primaryicon-user-circle-solid color-primary"></em> Login</h5>
2838                <div><a href="" style="color: #808080" @click.prevent="onCloseClick()"><em class="primaryicon-times"></em></a></div>
2839            </div>
2840            <iframe-login v-if="showiframelogin"></iframe-login>
2841        </div>
2842    </div>
2843    <sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
2844                   :dealerurl="'https://www.commonwealthnissan.com/identitylogin'"></sign-in-modal>
2845<sign-in-back v-if="showSignOutModal" @signback="signInBackClick()" @hidemodal="showSignOutModal = false"></sign-in-back>
2846
2847    <registration-modal> </registration-modal>
2848                   <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
2849                   :url="showIframeUrl"></iframe-modal>
2850
2851        <research-models-container v-if="showPrimaryResearchModels"
2852                :desktopsubmenu="false" @primaryresearchmodels="showPrimaryResearchModels = false"></research-models-container>
2853    <horizontal-build-price-menu v-if="showBuildPriceMenu" :submenublackcolor="true" :isprimary="true"
2854    @buildprice="showBuildPriceMenu = false"></horizontal-build-price-menu>
2855
2856</div>
2857
2858  <div v-if="showMenuSection" class="mm-background-wrapper" @click="onClickBackgroun
2858dWrapper($event)"></div>
2859
2860
2861<template v-if="true">
2862  <div v-if="showMenuSection" class="sty2-submenu-container" :class="{ 'no-dynamic-sec-for-menu': !menuHasSettings }">
2863    <div class="close-in-submenu" @click="closeMegaMenuSection($event)">
2864      <template v-if="isFerrariTheme">
2865        <em  class="primaryicon-f-close-icon ft-18"></em>
2866      </template>
2867      <template v-else>
2868      <em class="primaryicon-close-circle mobile-mm-icon ft-24">
2869        <span class="path1"></span>
2870        <span class="path2"></span>
2871        <span class="path3"></span>
2872      </em>
2873      </template>
2874    </div>
2875    <div class="sty2-submenu-body" :class="dynamicDefaultComponent">
2876      <div class="left-submenu d-flex flex-column justify-content-between">
2877        <div class="scrollable-menu-section level-two-three-menu-section">
2878          
2879<div class="d-flex flex-column v-mm-level-two-items-wrapper">
2880          <div v-if="selectedLevelOneMenu==3630">
2881              <a href="/inventory/new" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2882               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3630, menuName: "New", menuLink: "/inventory/new", subMenuName: "New Inventory", subMenuLink: "/inventory/new" })'>
2883                <span>New Inventory</span>
2884              </a>
2885          </div>
2886          <div v-if="selectedLevelOneMenu==3630">
2887              <a href="https://www.commonwealthnissan.com/specials/vehicle-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2888               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3630, menuName: "New", menuLink: "/inventory/new", subMenuName: "New Specials", subMenuLink: "https://www.commonwealthnissan.com/specials/vehicle-specials" })'>
2889                <span>New Specials</span>
2890              </a>
2891          </div>
2892          <div v-if="selectedLevelOneMenu==3630">
2893              <a href="#researchmodels" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2894               @click='menuResearchModelClick({ event: $event, menuLevel: "submenu", menuId: 3630, menuName: "New", menuLink: "/inventory/new", subMenuName: "Research Models", subMenuId: 386823, subMenuLink: "#researchmodels"})'>
2895                <span>Research Models</span>
2896              </a>
2897          </div>
2898          <div v-if="selectedLevelOneMenu==3630">
2899              <a href="https://express.commonwealthnissan.com/inventory" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2900               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3630, menuName: "New", menuLink: "/inventory/new", subMenuName: "Express Store", subMenuLink: "https://express.commonwealthnissan.com/inventory" })'>
2901                <span>Express Store</span>
2902              </a>
2903          </div>
2904          <div v-if="selectedLevelOneMenu==3630">
2905              <a href="/inventory/new?fueltypes=hybrid%20fuel,electric%20fuel%20system" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2906               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3630, menuName: "New", menuLink: "/inventory/new", subMenuName: "New Nissan EVs", subMenuLink: "/inventory/new?fueltypes=hybrid%20fuel,electric%20fuel%20system" })'>
2907                <span>New Nissan EVs</span>
2908              </a>
2909          </div>
2910          <div v-if="selectedLevelOneMenu==3630">
2911              <a href="https://www.commonwealthnissan.com/ev-center " class="no-hover font-weight-bold v-mm-level-two-menu-item"
2912               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3630, menuName: "New", menuLink: "/inventory/new", subMenuName: "EV Center", subMenuLink: "https://www.commonwealthnissan.com/ev-center " })'>
2913                <span>EV Center</span>
2914              </a>
2915          </div>
2916          <div v-if="selectedLevelOneMenu==3630">
2917              <a href="https://www.commonwealthnissan.com/nissan-commercial-vehicle-mechanical-specs" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2918               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3630, menuName: "New", menuLink: "/inventory/new", subMenuName: "Commercial", subMenuLink: "https://www.commonwealthnissan.com/nissan-commercial-vehicle-mechanical-specs" })'>
2919                <span>Commercial</span>
2920              </a>
2921          </div>
2922          <div v-if="selectedLevelOneMenu==3653">
2923              <a href="/inventory/used" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2924               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3653, menuName: "Pre-Owned", menuLink: "/inventory/used", subMenuName: "Pre-Owned Inventory", subMenuLink: "/inventory/used" })'>
2925                <span>Pre-Owned Inventory</span>
2926              </a>
2927          </div>
2928          <div v-if="selectedLevelOneMenu==3653">
2929              <a href="/inventory/cpo" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2930               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3653, menuName: "Pre-Owned", menuLink: "/inventory/used", subMenuName: "Certified Pre-Owned", subMenuLink: "/inventory/cpo" })'>
2931                <span>Certified Pre-Owned</span>
2932              </a>
2933          </div>
2934          <div v-if="selectedLevelOneMenu==3653">
2935              <a href="https://www.commonwealthnissan.com/specials/preowned-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2936               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3653, menuName: "Pre-Owned", menuLink: "/inventory/used", subMenuName: "Pre-Owned Specials", subMenuLink: "https://www.commonwealthnissan.com/specials/preowned-specials" })'>
2937                <span>Pre-Owned Specials</span>
2938              </a>
2939          </div>
2940          <div v-if="selectedLevelOneMenu==3653">
2941              <a href="https://www.commonwealthnissan.com/cars-under-20k-lawrence-ma" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2942               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3653, menuName: "Pre-Owned", menuLink: "/inventory/used", subMenuName: "Used Cars Under 20K", subMenuLink: "https://www.commonwealthnissan.com/cars-under-20k-lawrence-ma" })'>
2943                <span>Used Cars Under 20K</span>
2944              </a>
2945          </div>
2946          <div v-if="selectedLevelOneMenu==3653">
2947              <a href="https://www.commonwealthnissan.com/certified-pre-owned-protection" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2948               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3653, menuName: "Pre-Owned", menuLink: "/inventory/used", subMenuName: "CM Certified Protection", subMenuLink: "https://www.commonwealthnissan.com/certified-pre-owned-protection" })'>
2949                <span>CM Certified Protection</span>
2950              </a>
2951          </div>
2952          <div v-if="selectedLevelOneMenu==3653">
2953              <a href="https://www.commonwealthnissan.com/value-your-trade" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2954               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3653, menuName: "Pre-Owned", menuLink: "/inventory/used", subMenuName: "Value Your Trade", subMenuLink: "https://www.commonwealthnissan.com/value-your-trade" })'>
2955                <span>Value Your Trade</span>
2956              </a>
2957          </div>
2958          <div v-if="selectedLevelOneMenu==333716">
2959              <a href="https://www.commonwealthnissan.com/specials/vehicle-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2960               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 333716, menuName: "Specials", menuLink: "https://www.commonwealthnissan.com/specials/vehicle-specials", subMenuName: "New Vehicle Specials", subMenuLink: "https://www.commonwealthnissan.com/specials/vehicle-specials" })'>
2961                <span>New Vehicle Specials</span>
2962              </a>
2963          </div>
2964          <div v-if="selectedLevelOneMenu==333716">
2965              <a href="https://www.commonwealthnissan.com/specials/certifiedpreowned" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2966               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 333716, menuName: "Specials", menuLink: "https://www.commonwealthnissan.com/specials/vehicle-specials", subMenuName: "Used Vehicle Specials", subMenuLink: "https://www.commonwealthnissan.com/specials/certifiedpreowned" })'>
2967                <span>Used Vehicle Specials</span>
2968              </a>
2969          </div>
2970          <div v-if="selectedLevelOneMenu==333716">
2971              <a href="https://www.commonwealthnissan.com/specials/service-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2972               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 333716, menuName: "Specials", menuLink: "https://www.commonwealthnissan.com/specials/vehicle-specials", subMenuName: "Service \u0026 Parts Offers", subMenuLink: "https://www.commonwealthnissan.com/specials/service-specials" })'>
2973                <span>Service &amp; Parts Offers</span>
2974              </a>
2975          </div>
2976          <div v-if="selectedLevelOneMenu==333716">
2977              <a href="https://www.commonwealthnissan.com/incentives" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2978               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 333716, menuName: "Specials", menuLink: "https://www.commonwealthnissan.com/specials/vehicle-specials", subMenuName: "Nissan Incentives", subMenuLink: "https://www.commonwealthnissan.com/incentives" })'>
2979                <span>Nissan Incentives</span>
2980              </a>
2981          </div>
2982          <div v-if="selectedLevelOneMenu==3656">
2983              <a href="/pre-qual" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2984               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3656, menuName: "Finance \u0026 Trade", menuLink: "https://www.commonwealthnissan.com/getfinancing", subMenuName: "Get Pre-Qualified", subMenuLink: "/pre-qual" })'>
2985                <span>Get Pre-Qualified</span>
2986              </a>
2987          </div>
2988          <div v-if="selectedLevelOneMenu==3656">
2989              <a href="/getfinancing" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2990               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3656, menuName: "Finance \u0026 Trade", menuLink: "https://www.commonwealthnissan.com/getfinancing", subMenuName: "Get Financing", subMenuLink: "/getfinancing" })'>
2991                <span>Get Financing</span>
2992              </a>
2993          </div>
2994          <div v-if="selectedLevelOneMenu==3656">
2995              <a href="https://www.commonwealthnissan.com/shopperwizard/mytradevalue" class="no-hover font-weight-bold v-mm-level-two-menu-item"
2996               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3656, menuName: "Finance \u0026 Trade", menuLink: "https://www.commonwealthnissan.com/getfinancing", subMenuName: "Value Your Trade", subMenuLink: "https://www.commonwealthnissan.com/shopperwizard/mytradevalue" })'>
2997                <span>Value Your Trade</span>
2998              </a>
2999          </div>
3000          <div v-if="selectedLevelOneMenu==3656">
3001              <a href="https://www.commonwealthnissan.com/sell-us-your-car" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3002               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3656, menuName: "Finance \u0026 Trade", menuLink: "https://www.commonwealthnissan.com/getfinancing", subMenuName: "Sell Us Your Car", subMenuLink: "https://www.commonwealthnissan.com/sell-us-your-car" })'>
3003                <span>Sell Us Your Car</span>
3004              </a>
3005          </div>
3006          <div v-if="selectedLevelOneMenu==3656">
3007              <a href="https://www.commonwealthnissan.com/lease-return" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3008               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3656, menuName: "Finance \u0026 Trade", menuLink: "https://www.commonwealthnissan.com/getfinancing", subMenuName: "Lease Return", subMenuLink: "https://www.commonwealthnissan.com/lease-return" })'>
3009                <span>Lease Return</span>
3010              </a>
3011          </div>
3012          <div v-if="selectedLevelOneMenu==3656">
3013              <a href="https://www.commonwealthnissan.com/nissan-college-grad-program" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3014               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3656, menuName: "Finance \u
30140026 Trade", menuLink: "https://www.commonwealthnissan.com/getfinancing", subMenuName: "College Grad Program", subMenuLink: "https://www.commonwealthnissan.com/nissan-college-grad-program" })'>
3015                <span>College Grad Program</span>
3016              </a>
3017          </div>
3018          <div v-if="selectedLevelOneMenu==3656">
3019              <a href="https://www.commonwealthnissan.com/nissan-military-discount-program" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3020               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3656, menuName: "Finance \u0026 Trade", menuLink: "https://www.commonwealthnissan.com/getfinancing", subMenuName: "Military Discount Program", subMenuLink: "https://www.commonwealthnissan.com/nissan-military-discount-program" })'>
3021                <span>Military Discount Program</span>
3022              </a>
3023          </div>
3024          <div v-if="selectedLevelOneMenu==3665">
3025              <a href="/schedule-service" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3026               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Schedule Service", subMenuLink: "/schedule-service" })'>
3027                <span>Schedule Service</span>
3028              </a>
3029          </div>
3030          <div v-if="selectedLevelOneMenu==3665">
3031              <a href="https://www.commonwealthnissan.com/service-center" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3032               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Service Center", subMenuLink: "https://www.commonwealthnissan.com/service-center" })'>
3033                <span>Service Center</span>
3034              </a>
3035          </div>
3036          <div v-if="selectedLevelOneMenu==3665">
3037              <a href="https://www.commonwealthnissan.com/specials/service-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3038               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Service \u0026 Parts Specials", subMenuLink: "https://www.commonwealthnissan.com/specials/service-specials" })'>
3039                <span>Service &amp; Parts Specials</span>
3040              </a>
3041          </div>
3042          <div v-if="selectedLevelOneMenu==3665">
3043              <a href="https://www.commonwealthnissan.com/nissan-express-service" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3044               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Nissan Express Service", subMenuLink: "https://www.commonwealthnissan.com/nissan-express-service" })'>
3045                <span>Nissan Express Service</span>
3046              </a>
3047          </div>
3048          <div v-if="selectedLevelOneMenu==3665">
3049              <a href="/parts-department" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3050               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Parts Department", subMenuLink: "/parts-department" })'>
3051                <span>Parts Department</span>
3052              </a>
3053          </div>
3054          <div v-if="selectedLevelOneMenu==3665">
3055              <a href="https://www.commonwealthnissan.com/order-parts" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3056               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Order Parts", subMenuLink: "https://www.commonwealthnissan.com/order-parts" })'>
3057                <span>Order Parts</span>
3058              </a>
3059          </div>
3060          <div v-if="selectedLevelOneMenu==3665">
3061              <a href="https://www.nissantireadvantage.com/?uid=11190497-8DF8-4540-AB5CCB3BE14D0918&amp;login" target="_blank" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3062               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Order Tires", subMenuLink: "https://www.nissantireadvantage.com/?uid=11190497-8DF8-4540-AB5CCB3BE14D0918\u0026login" })'>
3063                <span>Order Tires</span>
3064              </a>
3065          </div>
3066          <div v-if="selectedLevelOneMenu==3665">
3067              <a href="https://www.commonwealthnissan.com/body-shop" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3068               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Body Shop", subMenuLink: "https://www.commonwealthnissan.com/body-shop" })'>
3069                <span>Body Shop</span>
3070              </a>
3071          </div>
3072          <div v-if="selectedLevelOneMenu==3665">
3073              <a href="https://www.commonwealthnissan.com/buy-now-pay-later" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3074               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3665, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Service Financing", subMenuLink: "https://www.commonwealthnissan.com/buy-now-pay-later" })'>
3075                <span>Service Financing</span>
3076              </a>
3077          </div>
3078          <div v-if="selectedLevelOneMenu==3672">
3079              <a href="https://www.commonwealthnissan.com/about-us" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3080               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3672, menuName: "About Us", menuLink: "/contactus", subMenuName: "Why Buy Here", subMenuLink: "https://www.commonwealthnissan.com/about-us" })'>
3081                <span>Why Buy Here</span>
3082              </a>
3083          </div>
3084          <div v-if="selectedLevelOneMenu==3672">
3085              <a href="/staff" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3086               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3672, menuName: "About Us", menuLink: "/contactus", subMenuName: "Meet Our Staff", subMenuLink: "/staff" })'>
3087                <span>Meet Our Staff</span>
3088              </a>
3089          </div>
3090          <div v-if="selectedLevelOneMenu==3672">
3091              <a href="/contactus" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3092               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3672, menuName: "About Us", menuLink: "/contactus", subMenuName: "Contact / Hours", subMenuLink: "/contactus" })'>
3093                <span>Contact / Hours</span>
3094              </a>
3095          </div>
3096          <div v-if="selectedLevelOneMenu==3672">
3097              <a href="https://www.commonwealthnissan.com/blog" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3098               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3672, menuName: "About Us", menuLink: "/contactus", subMenuName: "Our Blog", subMenuLink: "https://www.commonwealthnissan.com/blog" })'>
3099                <span>Our Blog</span>
3100              </a>
3101          </div>
3102          <div v-if="selectedLevelOneMenu==3672">
3103              <a href="https://sites.hireology.com/commonwealthmotors/" target="_blank" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3104               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3672, menuName: "About Us", menuLink: "/contactus", subMenuName: "Careers", subMenuLink: "https://sites.hireology.com/commonwealthmotors/" })'>
3105                <span>Careers</span>
3106              </a>
3107          </div>
3108          <div v-if="selectedLevelOneMenu==3672">
3109              <a href="https://www.commonwealthnissan.com/dealership-virtual-tour" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3110               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 3672, menuName: "About Us", menuLink: "/contactus", subMenuName: "Dealership Virtual Tour", subMenuLink: "https://www.commonwealthnissan.com/dealership-virtual-tour" })'>
3111                <span>Dealership Virtual Tour</span>
3112              </a>
3113          </div>
3114  </div>
3115
3116
3117
3118
3119
3120        </div>
3121        <div class="">
3122          <div class="mm-dealer-info">
3123    <div class="mb-1 mb-xl-2">Commonwealth Nissan</div>
3124
3125  <div class="mb-1 mb-xl-2">
3126        <div class="cursor-pointer" @click.prevent='onDirectionsClick("1 Commonwealth Dr., Lawrence, MA 01841")'>
3127          1 Commonwealth Dr., Lawrence, MA 01841
3128        </div>
3129  </div>
3130
3131  <div class="">
3132        <div class="mb-1">
3133          <span>Sales:</span>
3134          <a href="tel:978-350-5287" @click="onContactSalesClick('Sales Call Button', 'Header','978-350-5287')" class="Phone_Sales no-hover text-underline">978-350-5287</a>
3135        </div>
3136        <div class="mb-1">
3137          <span>Service:</span>
3138          <a href="tel:978-350-5497" class="Phone_Service no-hover text-underline" @click="onContactSalesClick('Service Call Button', 'Header','978-350-5497')">978-350-5497</a>
3139        </div>
3140
3141      <div class="mb-1">
3142        <span>Parts:</span>
3143        <a href="tel:978-350-5497" @click="onContactSalesClick('Parts Call Button', 'Header','978-350-5497')" class="Phone_Parts no-hover text-underline">978-350-5497</a>
3144      </div>
3145
3146  </div>
3147    <div class="mm-header-social-icons mt-1 mt-xl-2">
3148          <a href="https://www.facebook.com/CommonwealthNissan" @click="onSocialMediaClick('facebook', 'https://www.facebook.com/CommonwealthNissan', $event)" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons" title="Facebook">
3149              <span><em class="primaryicon-facebook" title="Facebook"></em></span>
3150          </a>
3151          <a href="https://www.instagram.com/explore/locations/240293050/commonwealth-nissan/recent/" @click="onSocialMediaClick('instagram', 'https://www.instagram.com/explore/locations/240293050/commonwealth-nissan/recent/', $event)" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons" title="Instagram">
3152              <span><em class="primaryicon-instagram" title="Instagram"></em></span>
3153          </a>
3154          <a href="https://twitter.com/CM_Nissan1" @click="onSocialMediaClick('twitter', 'https://twitter.com/CM_Nissan1', $event)" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons" title="Twitter">
3155              <span><em class="primaryicon-twitter" title="Twitter"></em></span>
3156          </a>
3157          <a href="https://www.youtube.com/@commonwealthnissanMA/videos" @click="onSocialMediaClick('youtube', 'https://www.youtube.com/@commonwealthnissanMA/videos', $event)" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons" title="Youtube">
3158              <span><em class="primaryicon-youtube" title="Youtube"></em></span>
3159          </a>
3160    </div>
3161</div>
3162
3163        </div>
3164      </div>
3165      <div v-if="menuHasSettings" class="mm-dynamic-sections">
3166        <div class="dynamic-section-content">
3167            <menu-dynamic-section
3168              v-if="selectedLevelOneMenu"
3169              class="h-100"
3170              :default-menu-component="menuDefaultComponent"
3171              :selected-menu-id="selectedLevelOneMenu"
3172            />
3173        </div>
3174      </div>
3175    </div>
3176  </div>
3177</template>
3178
3179
3180
3181
3182          </div>
3183        </script>
3183
3184
3185
3186
3187
3188
3189  <div id="main-container">
3190        <common-components></common-components>
3191<input name="securetoken" type="hidden" value="CfDJ8O35ileePqpDrXckbUstcObxMVuMASkO9Pt6PwUBXLctUI6F4Z5kXYBG5gD-BXZWmQ75rL75S8jdJJwss6nzRIrInUczI3xpeeprh_7_e9fb_M_O1FNIFCP3Vyab0RDw8khg09fDpqxb9hfh73dAgIU" />        <div id="main-header">
3192          <main-header></main-header>
3193        </div>
3194
3195    <div class="h-auto">
3196      <div class=" Website_Gemini_header_Utility_body ">
3197
3198
3199          <div id="disasterBanner"></div>
3200
3201        
3202<script>
3203  let isIframe = window.location !== window.parent.location;
3204  if(isIframe){
3205  const injectCSS = css => {
3206    let el = document.createElement('style');
3207    el.type = 'text/css';
3208    el.innerText = css;
3209    document.head.appendChild(el);
3210    return el;
3211  };
3212injectCSS(`#inventory-vehicle-header,.inventorynew-iframe,#rotational-banner-component{display:none}`);
3213  }
3214</script>
3214
3215
3216
3217<script type="text/javascript">
3218    var paymentType = 'cash';
3219    var inventoryType = 'used';
3220    var selectedFilters = '{"AccountID":59998,"Type":"Used","PaymentType":"cash","Years":null,"Locations":"","Makes":"","Models":"","Trims":"","Colors":null,"InteriorColors":null,"IsCertified":false,"VehicleTypes":null,"Transmissions":null,"FuelTypes":null,"DriveTrains":null,"Beds":null,"DownPayment":0,"DueAtSigning":0,"PaymentMin":0,"PaymentMax":0,"OneOwner":false,"Page":0,"SortType":"inventoryoton","SelectedNavText":"Used Car, Truck and  SUV Inventory","MileageMin":0,"MileageMax":0,"NoCache":false,"SpecialFeild3":null,"Engines":null,"ReserveYourVehicleLink":"https://www.commonwealthnissan.com/reserve-your-vehicle","MasterTemplateId":22,"Comment1":null,"Comment2":null,"Comment3":null,"Comment4":null,"Comment20":null,"InTransit":true,"InProduction":true,"ShowFilters":false,"FeatureSubCategories":"","SelectedUrl":null,"InStock":true,"MPGHighway":0,"CertifiedTypes":"","SubaruEyeSight":false,"CampaignId":3306,"SubaruStarLink":false,"FordDirect_LOBTypeId":0,"Commercial":false,"IsElectric":false,"IsHybrid":false,"Fctp":null,"Lctp":null,"BlackLabel":false,"DateInStock":0,"MaxDaysInStock":0,"Vin":null,"Stock":null,"Courtesy":false,"HideExcludeVehicles":false,"EVDealer":true,"IsLoaner":false,"IsDemo":false,"ModelEFiltered":false,"PassengerCapacity":null,"ModelEGroupedAccounts":[],"SourceFrom":"inventorycontroller","HideFilters":false,"IsShowRoomPage":false,"InstalledPackageCategories":null,"UnGroup":false,"Cabs":null,"Customurlquerystring":"","Limit":0,"IsFromSeo":false,"GenericMakes":null,"GenericModels":null,"GenericTrims":null,"GenericColors":null,"Comment5":null,"ExcludeBrandFirst":false,"Doors":null,"InventoryFeedPageSize":0,"Comment10":null,"SrpSelectedTab":null,"IncludePriceStack":false,"FuelTypeModelPairs":null}';
3221    var isLuxTemplate = 'False' == "True";
3222    var resultCount = '143';
3223    var enableVideoPopupForSRP = 'false' == "true";
3224    var videoURLForSRP = '';
3225    var videoCTANameForSRP = '';
3226    var videoCTALinkForSRP = '';
3227    var showFilters = 'False';
3228    var srpFilterPosition = 'topmultiselect';
3229    var sonicDataLayerVehicleImpressions = '';
3230    var filterSortListJson = '[{"Value":"pricehtol","Text":"Price highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"priceltoh","Text":"Price lowest to highest","Selected":false,"Count":0,"Url":null},{"Value":"mileagehtol","Text":"Mileage highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"mileageltoh","Text":"Mileage lowest to highest","Selected":false,"Count":0,"Url":null},{"Value":"yearltoh","Text":"Year lowest to highest","Selected":false,"Count":0,"Url":null},{"Value":"yearhtol","Text":"Year highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"alphabetical","Text":"Alphabetical","Selected":false,"Count":0,"Url":null}]';
3231    var noVehiclesFound = 'false' == "true";
3232    var bodyType = '';
3233    var showTopMultiSelectionFilters = 'True';
3234    var showFilterSectionAtLeft = 'False';
3235    var expandModelFilters = 'false' === "true";
3236    var ga4ASCDataLayerVehicle = '[{"item_category":"foreign","item_color":"Pure White","item_condition":"cpo","item_fuel_type":"gas","item_id":"1V2FE2CA9RC210862","item_inventory_date":"2024/05/07","item_make":"Volkswagen","item_model":"Atlas Cross Sport","item_number":"VV30058","item_payment":"cash","item_type":"SUV","item_variant":"2.0T SEL Premium R-Line","item_year":2024,"item_price":38920},{"item_category":"foreign","item_color":"Geyser Blue","item_condition":"cpo","item_fuel_type":"gas","item_id":"4S4GUHU60T3701636","item_inventory_date":"2026/05/18","item_make":"Subaru","item_model":"Crosstrek","item_number":"C50388A","item_payment":"cash","item_type":"SUV","item_variant":"Wilderness","item_year":2026,"item_price":29500},{"item_category":"foreign","item_color":"White","item_condition":"cpo","item_fuel_type":"gas","item_id":"1V2KN2CA9TC510536","item_inventory_date":"2026/05/28","item_make":"Volkswagen","item_model":"Atlas","item_number":"VV50013","item_payment":"cash","item_type":"SUV","item_variant":"2.0T SE with Technology","item_year":2026,"item_price":37500},{"item_category":"foreign","item_color":"White","item_condition":"cpo","item_fuel_type":"gas","item_id":"3VWBW7BU1TM003262","item_inventory_date":"2026/05/28","item_make":"Volkswagen","item_model":"Jetta","item_number":"VV50008","item_payment":"cash","item_type":"Sedan","item_variant":"Sport","item_year":2026,"item_price":20500},{"item_category":"foreign","item_color":"Polished Metal Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"2HKRM4H37EH693600","item_inventory_date":"2026/06/01","item_make":"Honda","item_model":"CR-V","item_number":"K50461B","item_payment":"cash","item_type":"SUV","item_variant":"LX","item_year":2014,"item_price":9250},{"item_category":"foreign","item_color":"Radiant Red","item_condition":"cpo","item_fuel_type":"gas","item_id":"1HGCY1F38PA031127","item_inventory_date":"2026/06/12","item_make":"Honda","item_model":"Accord Sedan","item_number":"H27627A","item_payment":"cash","item_type":"Sedan","item_variant":"EX","item_year":2023,"item_price":21000},{"item_category":"foreign","item_color":"Pyrite Silver Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"3VW7W7BU5TM012178","item_inventory_date":"2026/06/24","item_make":"Volkswagen","item_model":"Jetta","item_number":"VV50039","item_payment":"cash","item_type":"Sedan","item_variant":"SE","item_year":2026,"item_price":22500},{"item_category":"foreign","item_color":"Super Black","item_condition":"cpo","item_fuel_type":"gas","item_id":"1N4BL4CV0PN416681","item_inventory_date":"2026/06/30","item_make":"Nissan","item_model":"Altima","item_number":"H27349A","item_payment":"cash","item_type":"Sedan","item_variant":"2.5 SR","item_year":2023,"item_price":20000},{"item_category":"foreign","item_color":"White","item_condition":"cpo","item_fuel_type":"gas","item_id":"7FARS6H56PE041625","item_inventory_date":"2026/07/03","item_make":"Honda","item_model":"CR-V Hybrid","item_number":"H27433A","item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2023,"item_price":27823},{"item_category":"foreign","item_color":"Glacial White Pearl","item_condition":"cpo","item_fuel_type":"gas","item_id":"5XYP6DGC8RG545472","item_inventory_date":"2026/07/07","item_make":"Kia","item_model":"Telluride","item_number":"C50389A","item_payment":"cash","item_type":"SUV","item_variant":"S","item_year":2024,"item_price":30744},{"item_category":"foreign","item_color":"Black","item_condition":"cpo","item_fuel_type":"gas","item_id":"5FNYG1H54PB040419","item_inventory_date":"2026/07/14","item_make":"Honda","item_model":"Pilot","item_number":"4914","item_payment":"cash","item_type":"SUV","item_variant":"EX-L 7 Passenger","item_year":2023,"item_price":33450},{"item_category":"foreign","item_color":"Milano Red","item_condition":"cpo","item_fuel_type":"gas","item_id":"3CZRZ2H52SM700220","item_inventory_date":"2026/07/16","item_make":"Honda","item_model":"HR-V","item_number":"H27786A","item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2025,"item_price":25523},{"item_category":"foreign","item_color":"Radiant Red","item_condition":"cpo","item_fuel_type":"gas","item_id":"1HGCY1F29RA009048","item_inventory_date":"2026/07/22","item_make":"Honda","item_model":"Accord Sedan","item_number":"H27698A","item_payment":"cash","item_type":"Sedan","item_variant":"LX","item_year":2024,"item_price":21348},{"item_category":"foreign","item_color":"Lunar Silver Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"2HGFE2F55RH524832","item_inventory_date":"2026/07/23","item_make":"Honda","item_model":"Civic Sedan","item_number":"H27729A","item_payment":"cash","item_type":"Sedan","item_variant":"Sport","item_year":2024,"item_price":22000},{"item_category":"foreign","item_color":"Meteorite Gray Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"1HGCY1F32PA043953","item_inventory_date":"2026/07/24","item_make":"Honda","item_model":"Accord Sedan","item_number":"4921","item_payment":"cash","item_type":"Sedan","item_variant":"EX","item_year":2023,"item_price":25500},{"item_category":"foreign","item_color":"Platinum White","item_condition":"cpo","item_fuel_type":"gas","item_id":"3CZRZ2H32SM771951","item_inventory_date":"2026/07/25","item_make":"Honda","item_model":"HR-V","item_number":"H27219A","
3236item_payment":"cash","item_type":"SUV","item_variant":"LX","item_year":2025,"item_price":25795},{"item_category":"foreign","item_color":"Black Diamond","item_condition":"cpo","item_fuel_type":"gas","item_id":"JA4J4VA85NZ023202","item_inventory_date":"2026/07/25","item_make":"Mitsubishi","item_model":"Outlander","item_number":"K60135A","item_payment":"cash","item_type":"SUV","item_variant":"SEL","item_year":2022,"item_price":20772},{"item_category":"foreign","item_color":"Midnight Black Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"JTMAB3FV6PD159594","item_inventory_date":"2026/07/27","item_make":"Toyota","item_model":"RAV4 Prime","item_number":"H27662A","item_payment":"cash","item_type":"SUV","item_variant":"SE","item_year":2023,"item_price":37333},{"item_category":"foreign","item_color":"Platinum Gray Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"3VWGM7BUXRM088655","item_inventory_date":"2026/07/28","item_make":"Volkswagen","item_model":"Jetta","item_number":"V50369A","item_payment":"cash","item_type":"Sedan","item_variant":"SEL","item_year":2024,"item_price":23500},{"item_category":"foreign","item_color":"Deep Black","item_condition":"cpo","item_fuel_type":"gas","item_id":"3VV8X7B27RM129788","item_inventory_date":"2026/07/28","item_make":"Volkswagen","item_model":"Taos","item_number":"V50288A","item_payment":"cash","item_type":"SUV","item_variant":"S","item_year":2024,"item_price":20000},{"item_category":"domestic","item_color":"Radiant Red Tintcoat","item_condition":"cpo","item_fuel_type":"diesel","item_id":"1GCUKEE84SZ139683","item_inventory_date":"2026/07/28","item_make":"Chevrolet","item_model":"Silverado 1500","item_number":"CC40066","item_payment":"cash","item_type":"Truck","item_variant":"RST","item_year":2025,"item_price":46500},{"item_category":"foreign","item_color":"Avocado Green w/Deep Black Roof","item_condition":"cpo","item_fuel_type":"gas","item_id":"3VVUW7RM1TM017083","item_inventory_date":"2026/07/29","item_make":"Volkswagen","item_model":"Tiguan","item_number":"VV50026","item_payment":"cash","item_type":"SUV","item_variant":"SEL R-Line Turbo","item_year":2026,"item_price":40000},{"item_category":"foreign","item_color":"Tourmaline Blue Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"1V2LP2CA2NC518575","item_inventory_date":"2026/07/30","item_make":"Volkswagen","item_model":"Atlas","item_number":"H27233C","item_payment":"cash","item_type":"SUV","item_variant":"2.0T SE","item_year":2022,"item_price":27000},{"item_category":"domestic","item_color":"Summit White","item_condition":"cpo","item_fuel_type":"gas","item_id":"2GCUDGED7R1203351","item_inventory_date":"2026/07/30","item_make":"Chevrolet","item_model":"Silverado 1500","item_number":"C50528A","item_payment":"cash","item_type":"Truck","item_variant":"LTZ","item_year":2024,"item_price":45451},{"item_category":"foreign","item_color":"Wolf Gray","item_condition":"cpo","item_fuel_type":"gas","item_id":"5XXG64J27RG260153","item_inventory_date":"2026/07/31","item_make":"Kia","item_model":"K5","item_number":"K50618A","item_payment":"cash","item_type":"Sedan","item_variant":"GT-Line","item_year":2024,"item_price":25625},{"item_category":"foreign","item_color":"Lunar Silver Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"2HGFE2F22PH568502","item_inventory_date":"2026/08/01","item_make":"Honda","item_model":"Civic Sedan","item_number":"H27449A","item_payment":"cash","item_type":"Sedan","item_variant":"LX","item_year":2023,"item_price":22870},{"item_category":"foreign","item_color":"Deep Black","item_condition":"cpo","item_fuel_type":"gas","item_id":"3VV2B7AX4PM126734","item_inventory_date":"2026/08/03","item_make":"Volkswagen","item_model":"Tiguan","item_number":"V50318A","item_payment":"cash","item_type":"SUV","item_variant":"SE","item_year":2023,"item_price":25160},{"item_category":"foreign","item_color":"Crystal Black Pearl","item_condition":"cpo","item_fuel_type":"gas","item_id":"3CZRZ2H52RM719859","item_inventory_date":"2026/08/03","item_make":"Honda","item_model":"HR-V","item_number":"H27844A","item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2024,"item_price":26242},{"item_category":"foreign","item_color":"Gray","item_condition":"cpo","item_fuel_type":"gas","item_id":"1V2CN2CA8TC502559","item_inventory_date":"2026/08/05","item_make":"Volkswagen","item_model":"Atlas","item_number":"VV50003","item_payment":"cash","item_type":"SUV","item_variant":"2.0T Peak Edition","item_year":2026,"item_price":45500},{"item_category":"foreign","item_color":"Gray","item_condition":"cpo","item_fuel_type":"gas","item_id":"3VWBW7BU9TM003039","item_inventory_date":"2026/08/05","item_make":"Volkswagen","item_model":"Jetta","item_number":"VV50009","item_payment":"cash","item_type":"Sedan","item_variant":"Sport","item_year":2026,"item_price":25847},{"item_category":"foreign","item_color":"Pure White","item_condition":"used","item_fuel_type":"gas","item_id":"3VV2B7AX9KM004332","item_inventory_date":"2026/08/05","item_make":"Volkswagen","item_model":"Tiguan","item_number":"H27825A","item_payment":"cash","item_type":"SUV","item_variant":"2.0T SE","item_year":2019,"item_price":14900},{"item_category":"domestic","item_color":"Mosaic Black Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"1GNEVGKW5PJ279037","item_inventory_date":"2026/08/06","item_make":"Chevrolet","item_model":"Traverse","item_number":"C50536A","item_payment":"cash","item_type":"SUV","item_variant":"LT Cloth","item_year":2023,"item_price":25000}]';
3237    var countColor = '';
3238    var countHoverColor = '';
3239    var showFctpFilter = 'false' == "true";
3240    var priceTypeId = '1';
3241    var showConditionalRebates = 'true' == "true";
3242    var showTotalBeforeDiscounts = 'false' == "true";
3243    var showRebatesDetails = 'true' == "true";
3244    var showPackageSavingsDetails = 'false' == "true";
3245    var showBlackLabelFilter = 'false' == "true";
3246    var isCommercialPage = 'false' == "true";
3247    var showCommercialFilter = 'true' == "true";
3248    var disableVehicleCountForPaymentFilter = 'false' == "true";
3249    var enableBedLenghtFilter = 'false' == "true";
3250    var hideConditionalRebatesTotal = 'false' == "true";
3251    var conditionalRebatesBreakoutIncentives = 'false' == "true";
3252    var showPlusAndMinus = 'true' == "true";
3253    var SendLeadWithVehicle = 'false' == "true";
3254    var SendLeadwithCar = 'false' == "true";
3255    var expandVehicleTypeFilters = 'false' == "true";
3256    var enableLESAVideosSRP = 'false' == "true";
3257    var isSrp= 'true' == 'true';
3258    var breadcrumbText = '';
3259    var showCustomUrlBreadCrumb = 'False' === 'True';
3260    var hideFilters = 'False' === 'True';
3261    var enableUnityWorksIntegrationSrp = 'false' == "true";
3262    var isShowRoomPage = 'False' === 'True';
3263    var vehicleType = 'used';
3264    var enableCabFilter = 'false' == "true";
3265    var enableModelEBrochureOnSRP = 'false' == "true";
3266    var isCleanSrpDesign = 'true' === 'true';
3267    var srpDesignType = 'Clean Design';
3268    var expandLocationFilters = 'false' === "true";
3269    var expandSubaruLineupFilters = 'false' === "true";
3270</script>
3270
3271
3272
3273<link href="https://prod.cdn.secureoffersites.com/dist/p1143/css/newinventorylisting.css" rel="stylesheet" />
3274<div class="inventory_listing page_type_used dealer-id-59998 clean-design topposition" id="newinventory">
3275  <component :is="ctaComponentName" :lead-type-name="ctaButtonActionName" :srp="true" :vin="ctaVin" :term="term" :ctavin="ctaVin" :page="'srp'" :pricedetails="priceDetails" v-if="ctaComponentName" @hidemodal="ctaComponentName = ''" :ctadealerid="ctaDealerID" :details="priceDetails"></component>
3276  <div class="border-top bgcolor-primary _msbi_background_color _theme_top_border_color page-headline-wrapper" id="inventory-vehicle-header">
3277    <h1 class="container mt-0 mb-0 py-4 _theme_font_bold ft-70 text-white page-headline-text" style="font-size: 20px;">
3278      Used Car, Truck and  SUV Inventory
3279    </h1>
3280  </div>
3281
3282    <div class="inventorynew-iframe">
3283
3284
3285
3286
3287
3288
3289
3290<div id="rotational-banner-component" class="image-rotational-banner banner-aspectratio  banner-positon2 ">
3291
3292
3293
3294
3295
3296
3297
3298    <rotational-banner :sectionid="'5794125'"
3299    :hidearrows="'True'"
3300    :hidecontrols="'True'"
3301    :controlscolor="''"
3302    :banner-options="{
3303      'desktopBannerImageSize':'',
3304      'mobileBannerImageSize':''
3305    }"
3306    :automated-banner-options="{
3307      'desktopBannerImageSize':'extra-large',
3308      'mobileBannerImageSize':'large'
3309    }"
3310    :apply-speed-values="2 == 1"
3311    :show-draft-preview="false"
3312    >
3313    </rotational-banner>
3314</div>
3315    </div>
3316
3317
3318
3319
3320
3321
3322    <div class="bgcolor-white w-100" id="inventory-vehicle-search">
3323
3324    </div>
3325    <div class="container-fluid">
3326      <div class="row">
3327
3328<script type="application/javascript">
3329    var hideslider = 'True' === 'True';
3330    var disableOneOwner = 'False' === 'True';
3331    var showInTransitFilter = 'false' === 'true';
3332    var showInStockFilter = 'false' === 'true';
3333    var hideEngineSize = 'False' === 'True';
3334    var showInProductionFilter = 'False' === 'True';
3335    var hideLocationInGroupSRP = 'False' === 'True';
3336    var locationFilterAtBottom = 'False' === 'True';
3337    var enableKeyFeaturesOnNewSrp = 'True' === 'True';
3338    var enableKeyFeaturesOnUsedSrp = 'True' === 'True';
3339    var enableInstalledPackagesOnSrp = 'False' === 'True';
3340    var hideDriveTrain = 'false' === 'true';
3341    var hideTransmission = 'false' === 'true';
3342    var hidePriceSliderSrp ='false' === 'true';
3343    var hideMoreFiltersSrp = 'false' === 'true';
3344    var hideBodyTypeOnFilter = 'false' === 'true';
3345    var hideFuelTypeOnFilter = 'false' === 'true';
3346    var hideDoorsFilterSrp = 'false' === 'true';
3347</script>
3347
3348
3349
3350  <div class="inventory-top-multiselect-filters w-100">
3351        <inventory-filters-container :selectedfiltersobj="{&quot;AccountID&quot;:59998,&quot;Type&quot;:&quot;Used&quot;,&quot;PaymentType&quot;:&quot;cash&quot;,&quot;Years&quot;:null,&quot;Locations&quot;:&quot;&quot;,&quot;Makes&quot;:&quot;&quot;,&quot;Models&quot;:&quot;&quot;,&quot;Trims&quot;:&quot;&quot;,&quot;Colors&quot;:null,&quot;InteriorColors&quot;:null,&quot;IsCertified&quot;:false,&quot;VehicleTypes&quot;:null,&quot;Transmissions&quot;:null,&quot;FuelTypes&quot;:null,&quot;DriveTrains&quot;:null,&quot;Beds&quot;:null,&quot;DownPayment&quot;:0,&quot;DueAtSigning&quot;:0,&quot;PaymentMin&quot;:0,&quot;PaymentMax&quot;:0,&quot;OneOwner&quot;:false,&quot;Page&quot;:0,&quot;SortType&quot;:&quot;inventoryoton&quot;,&quot;SelectedNavText&quot;:&quot;Used Car, Truck and  SUV Inventory&quot;,&quot;MileageMin&quot;:0,&quot;MileageMax&quot;:0,&quot;NoCache&quot;:false,&quot;SpecialFeild3&quot;:null,&quot;Engines&quot;:null,&quot;ReserveYourVehicleLink&quot;:&quot;https://www.commonwealthnissan.com/reserve-your-vehicle&quot;,&quot;MasterTemplateId&quot;:22,&quot;Comment1&quot;:null,&quot;Comment2&quot;:null,&quot;Comment3&quot;:null,&quot;Comment4&quot;:null,&quot;Comment20&quot;:null,&quot;InTransit&quot;:true,&quot;InProduction&quot;:true,&quot;ShowFilters&quot;:false,&quot;FeatureSubCategories&quot;:&quot;&quot;,&quot;SelectedUrl&quot;:null,&quot;InStock&quot;:true,&quot;MPGHighway&quot;:0,&quot;CertifiedTypes&quot;:&quot;&quot;,&quot;SubaruEyeSight&quot;:false,&quot;CampaignId&quot;:3306,&quot;SubaruStarLink&quot;:false,&quot;FordDirect_LOBTypeId&quot;:0,&quot;Commercial&quot;:false,&quot;IsElectric&quot;:false,&quot;IsHybrid&quot;:false,&quot;Fctp&quot;:null,&quot;Lctp&quot;:null,&quot;BlackLabel&quot;:false,&quot;DateInStock&quot;:0,&quot;MaxDaysInStock&quot;:0,&quot;Vin&quot;:null,&quot;Stock&quot;:null,&quot;Courtesy&quot;:false,&quot;HideExcludeVehicles&quot;:false,&quot;EVDealer&quot;:true,&quot;IsLoaner&quot;:false,&quot;IsDemo&quot;:false,&quot;ModelEFiltered&quot;:false,&quot;PassengerCapacity&quot;:null,&quot;ModelEGroupedAccounts&quot;:[],&quot;SourceFrom&quot;:&quot;inventorycontroller&quot;,&quot;HideFilters&quot;:false,&quot;IsShowRoomPage&quot;:false,&quot;InstalledPackageCategories&quot;:null,&quot;UnGroup&quot;:false,&quot;Cabs&quot;:null,&quot;Customurlquerystring&quot;:&quot;&quot;,&quot;Limit&quot;:0,&quot;IsFromSeo&quot;:false,&quot;GenericMakes&quot;:null,&quot;GenericModels&quot;:null,&quot;GenericTrims&quot;:null,&quot;GenericColors&quot;:null,&quot;Comment5&quot;:null,&quot;ExcludeBrandFirst&quot;:false,&quot;Doors&quot;:null,&quot;InventoryFeedPageSize&quot;:0,&quot;Comment10&quot;:null,&quot;SrpSelectedTab&quot;:null,&quot;IncludePriceStack&quot;:false,&quot;FuelTypeModelPairs&quot;:null}" ></inventory-filters-container>
3352
3353
3354  </div>
3355
3356
3357
3358        <div id="inventorynew-custom-iframe" class="col-12 vehicles-section col-lg-12">
3359          <div>
3360              <custom-url-breadcrumb></custom-url-breadcrumb>
3361          </div>
3362          <div class="d-flex justify-content-between">
3363
3364            <div class='d-md-flex align-items-center justify-content-between vehicle_results_block ml-0 ml-lg-3 ft-12 mt-2'>
3365
3366                    <div class="vehicle_results_label">Results: 143 Vehicles</div>
3367            </div>
3368              <div class="mt-2 d-flex justify-content-end">
3369                
3370<div>
3371    <ul class="inventory-pagination pagination m-0">
3372
3373                <li class="page-item active">
3374                    <a  @Click="paginationClick(`page 1`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1"
3375                       rel="">1</a>
3376                </li>
3377                <li class="page-item ">
3378                    <a  @Click="paginationClick(`page 2`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2"
3379                       rel="next">2</a>
3380                </li>
3381                <li class="page-item ">
3382                    <a  @Click="paginationClick(`page 3`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3"
3383                       rel="">3</a>
3384                </li>
3385                <li class="page-item ">
3386                    <a  @Click="paginationClick(`page 4`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4"
3387                       rel="">4</a>
3388                </li>
3389                <li class="page-item ">
3390                    <a  @Click="paginationClick(`page 5`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5"
3391                       rel="">5</a>
3392                </li>
3393
3394            <li class="page-item">
3395                <a  @Click="paginationClick(`page 2`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2" rel="" aria-label="Go to next page"><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
3396            </li>
3397            <li class="page-item">
3398                <a  @Click="paginationClick(`page 5`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5`)"  class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5" rel="" aria-label="Go to last page"><em class="primaryicon-right-arrow" aria-hidden="true"></em><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
3399            </li>
3400
3401    </ul>
3402</div>
3403
3404              </div>
3405          </div>
3406
3407          <div class="row mb-5 mt-2 srp-vehicles-container" v-equal-height="matchHeightData">
3408
3409
3410
3411<text-modal :text="disclaimer" @hidemodal="showDisclaimer=false" :title="disclaimerHeading ? disclaimerHeading:'Disclosure'" v-if="showDisclaimer"></text-modal>
3412<hover-modal :disclaimer-data="hoverDisclaimerData"  v-show="isModalVisible"></hover-modal>
3413
3414
3415<script>
3416    var IncentiveSource = 'AIS';
3417    var isFdDealer = 'false' === "true";
3418    var vehicleVinsAndDealerIds = '1V2FE2CA9RC210862+59998,4S4GUHU60T3701636+59998,1V2KN2CA9TC510536+59998,3VWBW7BU1TM003262+59998,2HKRM4H37EH693600+59998,1HGCY1F38PA031127+59998,3VW7W7BU5TM012178+59998,1N4BL4CV0PN416681+59998,7FARS6H56PE041625+59998,5XYP6DGC8RG545472+59998,5FNYG1H54PB040419+59998,3CZRZ2H52SM700220+59998,1HGCY1F29RA009048+59998,2HGFE2F55RH524832+59998,1HGCY1F32PA043953+59998,3CZRZ2H32SM771951+59998,JA4J4VA85NZ023202+59998,JTMAB3FV6PD159594+59998,3VWGM7BUXRM088655+59998,3VV8X7B27RM129788+59998,1GCUKEE84SZ139683+59998,3VVUW7RM1TM017083+59998,1V2LP2CA2NC518575+59998,2GCUDGED7R1203351+59998,5XXG64J27RG260153+59998,2HGFE2F22PH568502+59998,3VV2B7AX4PM126734+59998,3CZRZ2H52RM719859+59998,1V2CN2CA8TC502559+59998,3VWBW7BU9TM003039+59998,3VV2B7AX9KM004332+59998,1GNEVGKW5PJ279037+59998';
3419    var enableSRPFiltersOnElastic = 'True' === 'True';
3420    var elasticFallbackToDb = 'False' === 'True';
3421    var checkSpecialVehicles='1V2FE2CA9RC210862+59998,4S4GUHU60T3701636+59998,1V2KN2CA9TC510536+59998,3VWBW7BU1TM003262+59998,2HKRM4H37EH693600+59998,1HGCY1F38PA031127+59998,3VW7W7BU5TM012178+59998,1N4BL4CV0PN416681+59998,7FARS6H56PE041625+59998,5XYP6DGC8RG545472+59998,5FNYG1H54PB040419+59998,3CZRZ2H52SM700220+59998,1HGCY1F29RA009048+59998,2HGFE2F55RH524832+59998,1HGCY1F32PA043953+59998,3CZRZ2H32SM771951+59998,JA4J4VA85NZ023202+59998,JTMAB3FV6PD159594+59998,3VWGM7BUXRM088655+59998,3VV8X7B27RM129788+59998,1GCUKEE84SZ139683+59998,3VVUW7RM1TM017083+59998,1V2LP2CA2NC518575+59998,2GCUDGED7R1203351+59998,5XXG64J27RG260153+59998,2HGFE2F22PH568502+59998,3VV2B7AX4PM126734+59998,3CZRZ2H52RM719859+59998,1V2CN2CA8TC502559+59998,3VWBW7BU9TM003039+59998,3VV2B7AX9KM004332+59998,1GNEVGKW5PJ279037+59998';
3422    var inventoryModels = '[]';
3423</script>
3423
3424
3425<div class="srp-results-list">
3426        
3426<script type="application/javascript">
3427
3428            var rebatesString = "[]";
3429            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
3430            localStorage.setItem("1V2FE2CA9RC210862-rebates", formattedRebatesString);
3431
3432        </script>
3432
3433<div data-itemid="Volkswagen-Atlas Cross Sport-2.0T SEL Premium R-Line-1V2FE2CA9RC210862" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
3434        <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "1V2FE2CA9RC210862", "https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "0",msrp:"38920",yourPrice:"39468.0",sellingPrice:"38920",type:"Used",title:`2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line`},"false"==="true"), setVintoTransact("1V2FE2CA9RC210862", $event,{styleId:"439861"})'
3435        @mouseleave="clearMouseHoverValue()"
3436        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
3437        used-large-box" style="height: 100%;">
3438
3439            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
3440                <div class="position-relative">
3441                    <div class="srp-top-badges">
3442                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
3443                            <div class="d-flex align-items-center gap-10">
3444                                            <div class="specials-indicator-wrapper">
3445                                                <inventory-specials-indicator
3446                                                bg-color="#9D0026 !important"
3447                                                text="Today&#x27;s Special">
3448                                                </inventory-specials-indicator>
3449                                            </div>
3450                            </div>
3451                        </div>
3452
3453                    </div>
3454
3455
3456                    <div id="EZ360_CVDP"></div>
3457
3458                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
3459                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1V2FE2CA9RC210862'" class="vehicle-box__image">
3460                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/36684d950e9b49ce8d2b9364c59f8cd3.jpg" class="img-fluid srp-vehiclebox-image"
3461                                    title="2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line" alt="2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line" />
3462
3463                        </div>
3464
3465                        <div class="dp-srp-evox-media-1V2FE2CA9RC210862" v-show="currentHoveredBlock === 'dp-srp-evox-media-1V2FE2CA9RC210862'"></div>
3466
3467                        <div class="vehicle-info-icon">
3468                            <em
3469                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1V2FE2CA9RC210862')"
3470                            class="primaryicon-options-btn-new info-icon-css"
3471                            data-vin="1V2FE2CA9RC210862"
3472                            tabindex="0"
3473                            role="button"
3474                            aria-label="Vehicle info"
3475                            @click.stop.prevent="openVehicleInfoOverlay($event, '1V2FE2CA9RC210862')"
3476                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1V2FE2CA9RC210862')"
3477                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
3478                        </div>
3479                    </div>
3480
3481
3482                    <div class="vehiclebox-info-section p-3">
3483                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
3484                            <div class="d-flex">
3485                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
3486                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
3487                                        2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line
3488                                    </h2>
3489                                </div>
3490                            </div>
3491                        </div>
3492
3493                        <div class="vehicle-summary-section mt-3 ">
3494                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
3495                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
3496            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):showMsrp)'>
3497                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
3498                                            <div class="mr-2" style="color:#000">
3499                                                <span id="1v2fe2ca9rc210862-price-summary-label">Your Price</span>
3500                                            </div>
3501                                            <div id="1v2fe2ca9rc210862-price-summary-value" class=" " style="color:#000">$39,468</div>
3502                                        </div>
3503
3504            </div>
3505            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):!showMsrp )'>
3506                                <div v-if="!unlockHideMsrp">
3507                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
3508                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
3509                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$38,920</div>
3510                                    </div>
3511                                </div>
3512
3513            </div>
3514        </div>
3515
3516                            </div>
3517
3518                                <template v-if="true">
3519                                    <div class="vehicle-summary-cta flex-1">
3520                                        <object>
3521                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
3522                <a v-if="applySecondaryDesign" href=""
3523                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
3524                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3525                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3526                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
3527                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
3528                <a v-else href=""
3529                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
3530                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3531                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3532                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
3533                   @mouseover="onCTABtnHover('', '', '', $event)">
3534                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
3535                    60-Second Quote
3536                </a>
3537            </div>
3538
3539                                        </object>
3540                                    </div>
3541                                </template>
3542                        </div>
3543<div class="color-black ft-16 mt-1">
3544            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
3545                Disclosure
3546            </div>
3547</div>
3548
3549
3550                        <div class="show section-separator my-4"></div>
3551
3552
3553                            <template v-if="true">
3554                                <object>
3555                                    <div class="app-level-cta-container">
3556
3557
3558
3559
3560
3561
3562
3563                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1V2FE2CA9RC210862","false"==="true"))' class="primary-button-parent">
3564                                                    <a :style="ctaBtnStyles"
3565                                                     tabindex="0" role="button"
3566                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance", "1V2FE2CA9RC210862", "Used")'
3567                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance", "1V2FE2CA9RC210862", "Used")'
3568                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
3569                                                        {{inventorySettings.data.buttonLabel}}
3570                                                    </a>
3571                                                 </div>
3572                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
3573                                                                    <a v-if="applySecondaryDesign" href=""
3574                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
3575                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3576                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3577                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3578                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
3579                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
3580                                                                    <a v-else href=""
3581                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
3582                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3583                                                                        @click.prevent="
3584                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3585                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3586                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
3587                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3588                                                                        Ask A Question
3589                                                                    </a>
3590                                                                </div>
3591                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
3592                                                                    <a v-if="applySecondary
3592Design" href=""
3593                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
3594                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3595                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3596                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
3597                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
3598                                                                    <a v-else href=""
3599                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
3600                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
3601                                                                        @click.prevent="
3602                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2FE2CA9RC210862&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas Cross Sport&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV30058&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
3603                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
3604                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
3605                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
3606                                                                        Value My Trade
3607                                                                    </a>
3608                                                                </div>
3609
3610
3611
3612                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
3613                                                <a tabindex="0"
3614                                                role="button"
3615                                                @click.prevent='openSoftPullModel("0", "1V2FE2CA9RC210862", "0", "2024", "Volkswagen", "Atlas Cross Sport", "2.0T SEL Premium R-Line", "59998", "Used","", $event)'
3616                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1V2FE2CA9RC210862", "0", "2024", "Volkswagen", "Atlas Cross Sport", "2.0T SEL Premium R-Line", "59998", "Used","", $event)'
3617                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
3618                                                style="background-color: #000000 !important; color: #FFFFFF !important"
3619                                                @mouseover="updateStyles($event, '','','')"
3620                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
3621                                                >
3622                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
3623                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
3624                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
3625                                                </a>
3626                                            </div>
3627
3628                                    </div>
3629                                </object>
3630                            </template>
3631
3632                            <div class="mt-3">
3633
3634
3635                                <div class="inventory-btns" style="width:100%;" v-cloak>
3636
3637
3638                                    <object class="d-flex flex-column primary-inventory-btn-group">
3639                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3640                                        <div class="pi-pullup-container"></div>
3641                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
3642
3643                                        <div class="dvs_vin_btn" vin="1V2FE2CA9RC210862"></div>
3644
3645
3646
3647
3648
3649
3650                                    </object>
3651
3652
3653
3654
3655
3656
3657
3658
3659
3660                                    
3661
3662
3663
3664
3665
3666
3667
3668
3669
3670                                </div>
3671
3672
3673
3674
3675
3676
3677                            </div>
3678
3679                            <active-engage-widget v-if="isEnableActivEngageSrp"
3680                                                custom-class="py-2 ft-12"></active-engage-widget>
3681                        <div class="srp-tabs-section mt-3">
3682                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
3683                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2FE2CA9RC210862'] || 'details') === 'details' }"
3684                                    tabindex="0" role="tab"
3685                                    aria-label="Details"
3686                                    :aria-selected="(activeTabsByVin['1V2FE2CA9RC210862'] || 'details') === 'details'"
3687                                    aria-controls="tab-panel-details-1V2FE2CA9RC210862"
3688                                    @click.stop.prevent="setActiveTab('details', '1V2FE2CA9RC210862')"
3689                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1V2FE2CA9RC210862')">
3690                                        Details
3691                                    </div>
3692                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2FE2CA9RC210862'] || 'details') === 'payments' }"
3693                                tabindex="0" role="tab"
3694                                aria-label="Pricing"
3695                                :aria-selected="(activeTabsByVin['1V2FE2CA9RC210862'] || 'details') === 'payments'"
3696                                aria-controls="tab-panel-payments-1V2FE2CA9RC210862"
3697                                @click.stop.prevent="setActiveTab('payments', '1V2FE2CA9RC210862')"
3698                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1V2FE2CA9RC210862')">
3699                                    Pricing
3700                                </div>
3701                            </div>
3702
3703                            <div class="srp-tab-content">
3704                                <div :class="(activeTabsByVin['1V2FE2CA9RC210862'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1V2FE2CA9RC210862" aria-label="Details">
3705                                    <div class="vehicle-details-list">
3706
3707                                            <div class="details-item-row ">
3708                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
3709                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
3710                                                        <div id="copy_vin" class="d-inline">1V2FE2CA9RC210862</div>
3711                                                    </div>
3712                                            </div>
3713
3714                                            <div class="details-item-row">
3715                                                <div class="details-item-label">Stock #</div>
3716                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
3717                                                    <div id="copy_stock" class="d-inline">VV30058</div>
3718                                                </div>
3719                                            </div>
3720
3721                                        
3722
3723                                            <div class="details-item-row">
3724                                                <div class="details-item-label">Model Code</div>
3725                                                <div class="details-item-value">#CMD5PR</div>
3726                                            </div>
3727
3728                                            <div class="details-item-row">
3729                                                <div class="details-item-label">Exterior</div>
3730                                                <div class="details-item-value d-flex align-items-center">
3731                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: White; border-radius: 50%"></div>
3732                                                        <div class="ml-2">Pure White</div>
3733                                                </div>
3734                                            </div>
3735
3736                                            <div class="details-item-row">
3737                                                <div class="details-item-label">Interior</div>
3738                                                <div class="details-item-value d-flex align-items-center">
3739                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
3740                                                    <div class="ml-2 interior-word-break">Titan Black</div>
3741                                                </div>
3742                                            </div>
3743
3744                                            <div class="details-item-row">
3745                                                <div class="details-item-label">Drivetrain</div>
3746                                                <div class="details-item-value">AWD</div>
3747                                            </div>
3748
3749                                            <div class="details-item-row">
3750                                                <div class="details-item-label">Engine</div>
3751                                                        <div class="details-item-value">Intercooled Turbo Regular Gasoline I-4 2.0 L/121</div>
3752                                            </div>
3753                                            <div class="details-item-row">
3754                                                <div class="details-item-label">Transmission</div>
3755                                                <div class="details-item-value">Automatic</div>
3756                                            </div>
3757                                                <div class="details-item-row">
3758                                                    <div class="details-item-label">Mileage</div>
3759                                                    <div class="details-item-value">10,215 Miles</div>
3760                                                </div>
3761
3762                                    </div>
3763
3764                                </div>
3765                                <div :class="(activeTabsByVin['1V2FE2CA9RC210862'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1V2FE2CA9RC210862" aria-label="Pricing">
3766                                            <div class="msrppanel-label">
3767                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):showMsrp)'>
3768
3769
3770                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-38920' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
3771                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
3772                                                                                        
3773
3774<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
3775    Selling Price
3776</div>
3777<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$38,920</div>
3778
3779
3780                                                                                    </div>
3781                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
3782                                                                                                <div>
3783                                                                                                    Doc Fee
3784                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
3785                                                                                                </div>
3786                                                                                                <div class="d-flex pl-2">
3787                                                                                                    &#x2B;$548
3788                                                                                                </div>
3789                                                                                            </div>
3790                                                                            <div id="1v2fe2ca9rc210862-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
3791                                                                                <sp
3791an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
3792                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
3793                                                                                </span>
3794                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1v2fe2ca9rc210862-unlock-discount-price"></label></span>
3795                                                                            </div>
3796                                                                            <div id="1v2fe2ca9rc210862-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
3797                                                                                <div class="mr-2" style="color:#000">
3798                                                                                    <span id="1v2fe2ca9rc210862-selling-price-label" class="p-0">Your Price</span>
3799                                                                                </div>
3800                                                                                <div id="1v2fe2ca9rc210862-your-price-hide" class=" " style="color:#000">$39,468</div>
3801                                                                            </div>
3802                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
3803                                                                                <div class="mr-2" style="color:#000">
3804                                                                                    <span id="1v2fe2ca9rc210862-selling-price-label" class="p-0">Your Price</span>
3805                                                                                </div>
3806                                                                                <div id="1v2fe2ca9rc210862-your-price" class=" " style="color:#000">$39,468</div>
3807                                                                            </div>
3808
3809
3810
3811
3812                                                        <total-incentive-discount qualified-data=''
3813                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
3814                                                                                :pricedata="{'msrp':'38920','yourPrice':'39468.0'}"
3815                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
3816                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
3817                                                    <div class="color-black ft-16 mt-1">
3818            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
3819                Disclosure
3820            </div>
3821</div>
3822
3823                                                </div>
3824
3825                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2FE2CA9RC210862", "false"==="true"):!showMsrp )'>
3826                                                                    <div v-if="!unlockHideMsrp">
3827                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-38920' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
3828                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
3829                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
3830                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$38,920</div>
3831                                                                        </div>
3832                                                                    </div>
3833
3834                                                </div>
3835                                            </div>
3836                                </div>
3837                            </div>
3838                        </div>
3839                        <div id="cta-params-1V2FE2CA9RC210862"
3840                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:39468.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
3841                        </div>
3842
3843                        <div>
3844
3845                            <vehicle-badges model="Atlas Cross Sport"
3846                                            :current="'srp'"
3847                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
3848                                            :eyesight="''"
3849                                            :starlink="''"
3850                                            :von="''"
3851                                            :onorder="''"
3852                                            :vin="'1V2FE2CA9RC210862'"
3853                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance'"
3854                                            :vehicle-badges-top-srp="'False'"
3855                                            :year="'2024'"
3856                                            :in-transit-background-color-srp="''"
3857                                            :in-transit-badge-color-srp="''"
3858                                            :in-production-background-color-srp="''"
3859                                            :in-production-badge-color-srp="''"
3860                                            @opendisclaimer="openDisclaimerPopup($event)">
3861                            </vehicle-badges>
3862
3863                                <div class="d-flex flex-wrap">
3864                                    
3865
3866
3867
3868
3869
3870
3871                                </div>
3872                        </div>
3873
3874
3875
3876                        <div class="d-flex flex-wrap srp-certified-img-section">
3877
3878
3879
3880                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/KlmqZuQrrpzMtWI6AW0g
38800ndhgOLrsFOLS-kbzlKMxO2BbktrHycKcNyGYGEw4lgKKBBw-Kows7-0yI9G4YvZ6j0yCzD6Icy-pHU')">
3881                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_good.svg"
3882                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
3883                                    </div>
3884                                <div class="text-center third-party-payment-tool">
3885                                    <span data-cg-vin="1V2FE2CA9RC210862" data-cg-price="39468.0"></span>
3886                                </div>
3887
3888
3889
3890
3891
3892                        </div>
3893
3894                        <div v-if="currentTheme == 'subaru'" class="mt-3">
3895                            <subaru-badge-new model="Atlas Cross Sport"
3896                                            year="2024"
3897                                            make="Volkswagen"
3898                                            type="Used"
3899                                            :current="'srp'"
3900                                            :transit="'False'"
3901                                            :eyesight="''"
3902                                            :starlink="''"
3903                                            :von="''"
3904                                            :onorder="''"
3905                                            :vin="'1V2FE2CA9RC210862'"
3906                                            :hide-in-transit="'False'"
3907                                            :vehicle-badges-top-srp="'False'"
3908                                            :subaru-consumer-report-class="''"
3909                                            :in-transit-background-color-srp="''"
3910                                            :in-transit-badge-color-srp="''"
3911                                            >
3912                            </subaru-badge-new>
3913                        </div>
3914
3915                    </div>
3916                </div>
3917
3918
3919
3920            </div>
3921        </a>
3922        <template v-if="true">
3923            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
3924                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1V2FE2CA9RC210862'" class="vehicle-data-overlay-container"
3925                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
3926                     @keydown.esc.prevent="closeDetailsOverlay()"
3927                     @keydown.tab="srpOverlayTrapFocus($event)">
3928                    <div class="vehicle-overlay-data">
3929                        <div class="srp-overlay-options">
3930                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
3931                                <div class="d-flex align-items-center" style="gap: 20px;">
3932                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
3933                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
3934                                    <h3 class="mb-0">Options</h3>
3935                                </div>
3936                                <div>
3937                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
3938                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
3939                                </div>
3940                            </div>
3941
3942                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
3943                                <div class="overlay-nav-items px-3 pt-4">
3944                                    <div class="d-flex overlay-nav-item" tabindex="0"
3945                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2FE2CA9RC210862', overlayType: '
3945share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2FE2CA9RC210862', overlayType: 'share-options', label: 'Share' })">
3946                                        <em class="primaryicon-share-icon"></em>
3947                                        <span>Share</span>
3948                                    </div>
3949
3950                                        <div class="d-flex overlay-nav-item"
3951                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2FE2CA9RC210862', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2FE2CA9RC210862', overlayType: 'key-features', label: 'Key Features' })">
3952                                            <em class="primaryicon-key-features-icon"></em>
3953                                            <span>Key Features</span>
3954                                        </div>
3955                                        <div class="d-flex overlay-nav-item"
3956                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1V2FE2CA9RC210862")' @keydown.enter.space.prevent='openChatAssistant("1V2FE2CA9RC210862")'>
3957                                            <em class="primaryicon-assistant-icon"></em>
3958                                            <span>Ask Us Anything</span>
3959                                        </div>
3960                                </div>
3961
3962                                <div class="pt-4 px-3 mt-3">
3963                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance")' target="_self"
3964                                        @keydown.space.prevent="$event.currentTarget.click()"
3965                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
3966                                        View Details
3967                                    </a>
3968                                </div>
3969                            </div>
3970                        </div>
3971                    </div>
3972                </div>
3973            </transition>
3974            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
3975                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1V2FE2CA9RC210862'"
3976                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
3977                     @keydown.esc.prevent="navigateToDetailsOverlay()"
3978                     @keydown.tab="srpOverlayTrapFocus($event)">
3979                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
3980                        <div class="d-flex align-items-center" style="gap: 20px;">
3981                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
3982                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
3983                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
3984                        </div>
3985                        <div>
3986                            <em class="primaryicon-close-icon-gray"
3987                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
3988                        </div>
3989                    </div>
3990                    <div class="mt-3 pt-4 overlay-section-links">
3991                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
3992                        <template v-if="!isLoadingOverlayDetails">
3993                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
3994                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility?type=finance" vehicle-name="Used 2024 Volkswagen Atlas Cross Sport 2.0T SEL Premium R-Line" :page-type-id="18" :style-id="439861" class="overlay-section-content"></share-options>
3995                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
3996                        </template>
3997                    </div>
3998                </div>
3999            </transition>
4000        </template>
4001    </div>
4002        
4002<script type="application/javascript">
4003
4004            var rebatesString = "[]";
4005            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
4006            localStorage.setItem("4S4GUHU60T3701636-rebates", formattedRebatesString);
4007
4008        </script>
4008
4009<div data-itemid="Subaru-Crosstrek-Wilderness-4S4GUHU60T3701636" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
4010        <a href="https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "4S4GUHU60T3701636", "https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "1",msrp:"29500",yourPrice:"30048.0",sellingPrice:"29500",type:"Used",title:`2026 Subaru Crosstrek Wilderness`},"false"==="true"), setVintoTransact("4S4GUHU60T3701636", $event,{styleId:"476406"})'
4011        @mouseleave="clearMouseHoverValue()"
4012        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
4013        used-large-box" style="height: 100%;">
4014
4015            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
4016                <div class="position-relative">
4017                    <div class="srp-top-badges">
4018                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
4019                            <div class="d-flex align-items-center gap-10">
4020                                            <div class="specials-indicator-wrapper">
4021                                                <inventory-specials-indicator
4022                                                bg-color="#9D0026 !important"
4023                                                text="Today&#x27;s Special">
4024                                                </inventory-specials-indicator>
4025                                            </div>
4026                            </div>
4027                        </div>
4028
4029                    </div>
4030
4031
4032                    <div id="EZ360_CVDP"></div>
4033
4034                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
4035                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4GUHU60T3701636'" class="vehicle-box__image">
4036                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/dd1521489b204293a744588dbeb77355.jpg" class="img-fluid srp-vehiclebox-image"
4037                                    title="2026 Subaru Crosstrek Wilderness" alt="2026 Subaru Crosstrek Wilderness" />
4038
4039                        </div>
4040
4041                        <div class="dp-srp-evox-media-4S4GUHU60T3701636" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4GUHU60T3701636'"></div>
4042
4043                        <div class="vehicle-info-icon">
4044                            <em
4045                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4GUHU60T3701636')"
4046                            class="primaryicon-options-btn-new info-icon-css"
4047                            data-vin="4S4GUHU60T3701636"
4048                            tabindex="0"
4049                            role="button"
4050                            aria-label="Vehicle info"
4051                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4GUHU60T3701636')"
4052                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4GUHU60T3701636')"
4053                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
4054                        </div>
4055                    </div>
4056
4057
4058                    <div class="vehiclebox-info-section p-3">
4059                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
4060                            <div class="d-flex">
4061                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
4062                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
4063                                        2026 Subaru Crosstrek Wilderness
4064                                    </h2>
4065                                </div>
4066                            </div>
4067                        </div>
4068
4069                        <div class="vehicle-summary-section mt-3 ">
4070                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
4071                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
4072            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):showMsrp)'>
4073                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
4074                                            <div class="mr-2" style="color:#000">
4075                                                <span id="4s4guhu60t3701636-price-summary-label">Your Price</span>
4076                                            </div>
4077                                            <div id="4s4guhu60t3701636-price-summary-value" class=" " style="color:#000">$30,048</div>
4078                                        </div>
4079
4080            </div>
4081            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):!showMsrp )'>
4082                                <div v-if="!unlockHideMsrp">
4083                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
4084                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
4085                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$29,500</div>
4086                                    </div>
4087                                </div>
4088
4089            </div>
4090        </div>
4091
4092                            </div>
4093
4094                                <template v-if="true">
4095                                    <div class="vehicle-summary-cta flex-1">
4096                                        <object>
4097                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
4098                <a v-if="applySecondaryDesign" href=""
4099                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
4100                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4101                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4102                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4103                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
4104                <a v-else href=""
4105                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
4106                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4107                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4108                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4109                   @mouseover="onCTABtnHover('', '', '', $event)">
4110                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
4111                    60-Second Quote
4112                </a>
4113            </div>
4114
4115                                        </object>
4116                                    </div>
4117                                </template>
4118                        </div>
4119<div class="color-black ft-16 mt-1">
4120            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
4121                Disclosure
4122            </div>
4123</div>
4124
4125
4126                        <div class="show section-separator my-4"></div>
4127
4128
4129                            <template v-if="true">
4130                                <object>
4131                                    <div class="app-level-cta-container">
4132
4133
4134
4135
4136
4137
4138
4139                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4GUHU60T3701636","false"==="true"))' class="primary-button-parent">
4140                                                    <a :style="ctaBtnStyles"
4141                                                     tabindex="0" role="button"
4142                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance", "4S4GUHU60T3701636", "Used")'
4143                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance", "4S4GUHU60T3701636", "Used")'
4144                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
4145                                                        {{inventorySettings.data.buttonLabel}}
4146                                                    </a>
4147                                                 </div>
4148                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
4149                                                                    <a v-if="applySecondaryDesign" href=""
4150                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
4151                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4152                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4153                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4154                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4155                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
4156                                                                    <a v-else href=""
4157                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
4158                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4159                                                                        @click.prevent="
4160                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4161                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4162                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4163                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4164                                                                        Ask A Question
4165                                                                    </a>
4166                                                                </div>
4167                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
4168                                                                    <a v-if="applySecondary
4168Design" href=""
4169                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
4170                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4171                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4172                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4173                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
4174                                                                    <a v-else href=""
4175                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
4176                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4177                                                                        @click.prevent="
4178                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;4S4GUHU60T3701636&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50388A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4179                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4180                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4181                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
4182                                                                        Value My Trade
4183                                                                    </a>
4184                                                                </div>
4185
4186
4187
4188                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
4189                                                <a tabindex="0"
4190                                                role="button"
4191                                                @click.prevent='openSoftPullModel("0", "4S4GUHU60T3701636", "0", "2026", "Subaru", "Crosstrek", "Wilderness", "59998", "Used","", $event)'
4192                                                @keydown.enter.space.prevent='openSoftPullModel("0", "4S4GUHU60T3701636", "0", "2026", "Subaru", "Crosstrek", "Wilderness", "59998", "Used","", $event)'
4193                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
4194                                                style="background-color: #000000 !important; color: #FFFFFF !important"
4195                                                @mouseover="updateStyles($event, '','','')"
4196                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
4197                                                >
4198                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
4199                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
4200                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
4201                                                </a>
4202                                            </div>
4203
4204                                    </div>
4205                                </object>
4206                            </template>
4207
4208                            <div class="mt-3">
4209
4210
4211                                <div class="inventory-btns" style="width:100%;" v-cloak>
4212
4213
4214                                    <object class="d-flex flex-column primary-inventory-btn-group">
4215                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4216                                        <div class="pi-pullup-container"></div>
4217                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4218
4219                                        <div class="dvs_vin_btn" vin="4S4GUHU60T3701636"></div>
4220
4221
4222
4223
4224
4225
4226                                    </object>
4227
4228
4229
4230
4231
4232
4233
4234
4235
4236                                    
4237
4238
4239
4240
4241
4242
4243
4244
4245
4246                                </div>
4247
4248
4249
4250
4251
4252
4253                            </div>
4254
4255                            <active-engage-widget v-if="isEnableActivEngageSrp"
4256                                                custom-class="py-2 ft-12"></active-engage-widget>
4257                        <div class="srp-tabs-section mt-3">
4258                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
4259                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHU60T3701636'] || 'details') === 'details' }"
4260                                    tabindex="0" role="tab"
4261                                    aria-label="Details"
4262                                    :aria-selected="(activeTabsByVin['4S4GUHU60T3701636'] || 'details') === 'details'"
4263                                    aria-controls="tab-panel-details-4S4GUHU60T3701636"
4264                                    @click.stop.prevent="setActiveTab('details', '4S4GUHU60T3701636')"
4265                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4GUHU60T3701636')">
4266                                        Details
4267                                    </div>
4268                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHU60T3701636'] || 'details') === 'payments' }"
4269                                tabindex="0" role="tab"
4270                                aria-label="Pricing"
4271                                :aria-selected="(activeTabsByVin['4S4GUHU60T3701636'] || 'details') === 'payments'"
4272                                aria-controls="tab-panel-payments-4S4GUHU60T3701636"
4273                                @click.stop.prevent="setActiveTab('payments', '4S4GUHU60T3701636')"
4274                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4GUHU60T3701636')">
4275                                    Pricing
4276                                </div>
4277                            </div>
4278
4279                            <div class="srp-tab-content">
4280                                <div :class="(activeTabsByVin['4S4GUHU60T3701636'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4GUHU60T3701636" aria-label="Details">
4281                                    <div class="vehicle-details-list">
4282
4283                                            <div class="details-item-row ">
4284                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
4285                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
4286                                                        <div id="copy_vin" class="d-inline">4S4GUHU60T3701636</div>
4287                                                    </div>
4288                                            </div>
4289
4290                                            <div class="details-item-row">
4291                                                <div class="details-item-label">Stock #</div>
4292                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
4293                                                    <div id="copy_stock" class="d-inline">C50388A</div>
4294                                                </div>
4295                                            </div>
4296
4297                                        
4298
4299                                            <div class="details-item-row">
4300                                                <div class="details-item-label">Model Code</div>
4301                                                <div class="details-item-value">#TRI</div>
4302                                            </div>
4303
4304                                            <div class="details-item-row">
4305                                                <div class="details-item-label">Exterior</div>
4306                                                <div class="details-item-value d-flex align-items-center">
4307                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #085FA9; border-radius: 50%"></div>
4308                                                        <div class="ml-2">Geyser Blue</div>
4309                                                </div>
4310                                            </div>
4311
4312                                            <div class="details-item-row">
4313                                                <div class="details-item-label">Interior</div>
4314                                                <div class="details-item-value d-flex align-items-center">
4315                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
4316                                                    <div class="ml-2 interior-word-break">Black</div>
4317                                                </div>
4318                                            </div>
4319
4320                                            <div class="details-item-row">
4321                                                <div class="details-item-label">Drivetrain</div>
4322                                                <div class="details-item-value">AWD</div>
4323                                            </div>
4324
4325                                            <div class="details-item-row">
4326                                                <div class="details-item-label">Engine</div>
4327                                                        <div class="details-item-value">Regular Gasoline H-4 2.5 L/152</div>
4328                                            </div>
4329                                            <div class="details-item-row">
4330                                                <div class="details-item-label">Transmission</div>
4331                                                <div class="details-item-value">CVT</div>
4332                                            </div>
4333                                                <div class="details-item-row">
4334                                                    <div class="details-item-label">Mileage</div>
4335                                                    <div class="details-item-value">3,409 Miles</div>
4336                                                </div>
4337
4338                                    </div>
4339
4340                                </div>
4341                                <div :class="(activeTabsByVin['4S4GUHU60T3701636'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4GUHU60T3701636" aria-label="Pricing">
4342                                            <div class="msrppanel-label">
4343                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):showMsrp)'>
4344
4345
4346                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-29500' :sh
4346owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4347                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
4348                                                                                        
4349
4350<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
4351    Selling Price
4352</div>
4353<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$29,500</div>
4354
4355
4356                                                                                    </div>
4357                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
4358                                                                                                <div>
4359                                                                                                    Doc Fee
4360                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
4361                                                                                                </div>
4362                                                                                                <div class="d-flex pl-2">
4363                                                                                                    &#x2B;$548
4364                                                                                                </div>
4365                                                                                            </div>
4366                                                                            <div id="4s4guhu60t3701636-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
4367                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
4368                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
4369                                                                                </span>
4370                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4guhu60t3701636-unlock-discount-price"></label></span>
4371                                                                            </div>
4372                                                                            <div id="4s4guhu60t3701636-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
4373                                                                                <div class="mr-2" style="color:#000">
4374                                                                                    <span id="4s4guhu60t3701636-selling-price-label" class="p-0">Your Price</span>
4375                                                                                </div>
4376                                                                                <div id="4s4guhu60t3701636-your-price-hide" class=" " style="color:#000">$30,048</div>
4377                                                                            </div>
4378                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
4379                                                                                <div class="mr-2" style="color:#000">
4380                                                                                    <sp
4380an id="4s4guhu60t3701636-selling-price-label" class="p-0">Your Price</span>
4381                                                                                </div>
4382                                                                                <div id="4s4guhu60t3701636-your-price" class=" " style="color:#000">$30,048</div>
4383                                                                            </div>
4384
4385
4386
4387
4388                                                        <total-incentive-discount qualified-data=''
4389                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
4390                                                                                :pricedata="{'msrp':'29500','yourPrice':'30048.0'}"
4391                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
4392                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
4393                                                    <div class="color-black ft-16 mt-1">
4394            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
4395                Disclosure
4396            </div>
4397</div>
4398
4399                                                </div>
4400
4401                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHU60T3701636", "false"==="true"):!showMsrp )'>
4402                                                                    <div v-if="!unlockHideMsrp">
4403                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-29500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4404                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
4405                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
4406                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$29,500</div>
4407                                                                        </div>
4408                                                                    </div>
4409
4410                                                </div>
4411                                            </div>
4412                                </div>
4413                            </div>
4414                        </div>
4415                        <div id="cta-params-4S4GUHU60T3701636"
4416                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:30048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
4417                        </div>
4418
4419                        <div>
4420
4421                            <vehicle-badges model="Crosstrek"
4422                                            :current="'srp'"
4423                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
4424                                            :eyesight="''"
4425                                            :starlink="''"
4426                                            :von="''"
4427                                            :onorder="''"
4428                                            :vin="'4S4GUHU60T3701636'"
4429                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance'"
4430                                            :vehicle-badges-top-srp="'False'"
4431                                            :year="'2026'"
4432                                            :in-transit-background-color-srp="''"
4433                                            :in-transit-badge-color-srp="''"
4434                                            :in-production-background-color-srp="''"
4435                                            :in-production-badge-color-srp="''"
4436                                            @opendisclaimer="openDisclaimerPopup($event)">
4437                            </vehicle-badges>
4438
4439                                <div class="d-flex flex-wrap">
4440                                    
4441
4442
4443
4444
4445
4446
4447                                </div>
4448                        </div>
4449
4450
4451
4452                        <div class="d-flex flex-wrap srp-certified-img-section">
4453
4454
4455
4456                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/FIeLJmMPBJDNQmcLwAN6sQDb3z8URxJgbScOppjcFzIr3j7HO-pPywzHgEgq6zC8HetDOgqL-jaZ7JaGfYJ2I-Fg1pr6bfR0dpU')">
4457                                        <img src="https://partnerstatic.
4457carfax.com/img/valuebadge/1own_great.svg"
4458                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
4459                                    </div>
4460                                <div class="text-center third-party-payment-tool">
4461                                    <span data-cg-vin="4S4GUHU60T3701636" data-cg-price="30048.0"></span>
4462                                </div>
4463
4464
4465
4466
4467
4468                        </div>
4469
4470                        <div v-if="currentTheme == 'subaru'" class="mt-3">
4471                            <subaru-badge-new model="Crosstrek"
4472                                            year="2026"
4473                                            make="Subaru"
4474                                            type="Used"
4475                                            :current="'srp'"
4476                                            :transit="'False'"
4477                                            :eyesight="''"
4478                                            :starlink="''"
4479                                            :von="''"
4480                                            :onorder="''"
4481                                            :vin="'4S4GUHU60T3701636'"
4482                                            :hide-in-transit="'False'"
4483                                            :vehicle-badges-top-srp="'False'"
4484                                            :subaru-consumer-report-class="''"
4485                                            :in-transit-background-color-srp="''"
4486                                            :in-transit-badge-color-srp="''"
4487                                            >
4488                            </subaru-badge-new>
4489                        </div>
4490
4491                    </div>
4492                </div>
4493
4494
4495
4496            </div>
4497        </a>
4498        <template v-if="true">
4499            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
4500                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4GUHU60T3701636'" class="vehicle-data-overlay-container"
4501                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
4502                     @keydown.esc.prevent="closeDetailsOverlay()"
4503                     @keydown.tab="srpOverlayTrapFocus($event)">
4504                    <div class="vehicle-overlay-data">
4505                        <div class="srp-overlay-options">
4506                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4507                                <div class="d-flex align-items-center" style="gap: 20px;">
4508                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
4509                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
4510                                    <h3 class="mb-0">Options</h3>
4511                                </div>
4512                                <div>
4513                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
4514                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
4515                                </div>
4516                            </div>
4517
4518                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
4519                                <div class="overlay-nav-items px-3 pt-4">
4520                                    <div class="d-flex overlay-nav-item" tabindex="0"
4521                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHU60T3701636', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHU60T3701636', overlayType: '
4521share-options', label: 'Share' })">
4522                                        <em class="primaryicon-share-icon"></em>
4523                                        <span>Share</span>
4524                                    </div>
4525
4526                                        <div class="d-flex overlay-nav-item"
4527                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHU60T3701636', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHU60T3701636', overlayType: 'key-features', label: 'Key Features' })">
4528                                            <em class="primaryicon-key-features-icon"></em>
4529                                            <span>Key Features</span>
4530                                        </div>
4531                                        <div class="d-flex overlay-nav-item"
4532                                        tabindex="0" role="button" @click.prevent='openChatAssistant("4S4GUHU60T3701636")' @keydown.enter.space.prevent='openChatAssistant("4S4GUHU60T3701636")'>
4533                                            <em class="primaryicon-assistant-icon"></em>
4534                                            <span>Ask Us Anything</span>
4535                                        </div>
4536                                </div>
4537
4538                                <div class="pt-4 px-3 mt-3">
4539                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance")' target="_self"
4540                                        @keydown.space.prevent="$event.currentTarget.click()"
4541                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
4542                                        View Details
4543                                    </a>
4544                                </div>
4545                            </div>
4546                        </div>
4547                    </div>
4548                </div>
4549            </transition>
4550            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
4551                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4GUHU60T3701636'"
4552                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
4553                     @keydown.esc.prevent="navigateToDetailsOverlay()"
4554                     @keydown.tab="srpOverlayTrapFocus($event)">
4555                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4556                        <div class="d-flex align-items-center" style="gap: 20px;">
4557                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
4558                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
4559                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
4560                        </div>
4561                        <div>
4562                            <em class="primaryicon-close-icon-gray"
4563                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
4564                        </div>
4565                    </div>
4566                    <div class="mt-3 pt-4 overlay-section-links">
4567                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
4568                        <template v-if="!isLoadingOverlayDetails">
4569                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
4570                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility?type=finance" vehicle-name="Used 202
45706 Subaru Crosstrek Wilderness" :page-type-id="18" :style-id="476406" class="overlay-section-content"></share-options>
4571                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
4572                        </template>
4573                    </div>
4574                </div>
4575            </transition>
4576        </template>
4577    </div>
4578        
4578<script type="application/javascript">
4579
4580            var rebatesString = "[]";
4581            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
4582            localStorage.setItem("1V2KN2CA9TC510536-rebates", formattedRebatesString);
4583
4584        </script>
4584
4585<div data-itemid="Volkswagen-Atlas-2.0T SE with Technology-1V2KN2CA9TC510536" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
4586        <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "1V2KN2CA9TC510536", "https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "2",msrp:"37500",yourPrice:"38048.0",sellingPrice:"37500",type:"Used",title:`2026 Volkswagen Atlas 2.0T SE with Technology`},"false"==="true"), setVintoTransact("1V2KN2CA9TC510536", $event,{styleId:"476706"})'
4587        @mouseleave="clearMouseHoverValue()"
4588        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
4589        used-large-box" style="height: 100%;">
4590
4591            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
4592                <div class="position-relative">
4593                    <div class="srp-top-badges">
4594                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
4595                            <div class="d-flex align-items-center gap-10">
4596                                            <div class="specials-indicator-wrapper">
4597                                                <inventory-specials-indicator
4598                                                bg-color="#9D0026 !important"
4599                                                text="Today&#x27;s Special">
4600                                                </inventory-specials-indicator>
4601                                            </div>
4602                            </div>
4603                        </div>
4604
4605                    </div>
4606
4607
4608                    <div id="EZ360_CVDP"></div>
4609
4610                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
4611                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1V2KN2CA9TC510536'" class="vehicle-box__image">
4612                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/5fa2da4e1dd44361a554423a67211528.jpg" class="img-fluid srp-vehiclebox-image"
4613                                    title="2026 Volkswagen Atlas 2.0T SE with Technology" alt="2026 Volkswagen Atlas 2.0T SE with Technology" />
4614
4615                        </div>
4616
4617                        <div class="dp-srp-evox-media-1V2KN2CA9TC510536" v-show="currentHoveredBlock === 'dp-srp-evox-media-1V2KN2CA9TC510536'"></div>
4618
4619                        <div class="vehicle-info-icon">
4620                            <em
4621                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1V2KN2CA9TC510536')"
4622                            class="primaryicon-options-btn-new info-icon-css"
4623                            data-vin="1V2KN2CA9TC510536"
4624                            tabindex="0"
4625                            role="button"
4626                            aria-label="Vehicle info"
4627                            @click.stop.prevent="openVehicleInfoOverlay($event, '1V2KN2CA9TC510536')"
4628                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1V2KN2CA9TC510536')"
4629                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
4630                        </div>
4631                    </div>
4632
4633
4634                    <div class="vehiclebox-info-section p-3">
4635                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
4636                            <div class="d-flex">
4637                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
4638                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
4639                                        2026 Volkswagen Atlas 2.0T SE with Technology
4640                                    </h2>
4641                                </div>
4642                            </div>
4643                        </div>
4644
4645                        <div class="vehicle-summary-section mt-3 ">
4646                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
4647                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
4648            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):showMsrp)'>
4649                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
4650                                            <div class="mr-2" style="color:#000">
4651                                                <span id="1v2kn2ca9tc510536-price-summary-label">Your Price</span>
4652                                            </div>
4653                                            <div id="1v2kn2ca9tc510536-price-summary-value" class=" " style="color:#000">$38,048</div>
4654                                        </div>
4655
4656            </div>
4657            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):!showMsrp )'>
4658                                <div v-if="!unlockHideMsrp">
4659                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
4660                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
4661                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$37,500</div>
4662                                    </div>
4663                                </div>
4664
4665            </div>
4666        </div>
4667
4668                            </div>
4669
4670                                <template v-if="true">
4671                                    <div class="vehicle-summary-cta flex-1">
4672                                        <object>
4673                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
4674                <a v-if="applySecondaryDesign" href=""
4675                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
4676                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4677                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4678                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4679                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
4680                <a v-else href=""
4681                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
4682                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4683                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4684                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4685                   @mouseover="onCTABtnHover('', '', '', $event)">
4686                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
4687                    60-Second Quote
4688                </a>
4689            </div>
4690
4691                                        </object>
4692                                    </div>
4693                                </template>
4694                        </div>
4695<div class="color-black ft-16 mt-1">
4696            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
4697                Disclosure
4698            </div>
4699</div>
4700
4701
4702                        <div class="show section-separator my-4"></div>
4703
4704
4705                            <template v-if="true">
4706                                <object>
4707                                    <div class="app-level-cta-container">
4708
4709
4710
4711
4712
4713
4714
4715                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1V2KN2CA9TC510536","false"==="true"))' class="primary-button-parent">
4716                                                    <a :style="ctaBtnStyles"
4717                                                     tabindex="0" role="button"
4718                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance", "1V2KN2CA9TC510536", "Used")'
4719                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance", "1V2KN2CA9TC510536", "Used")'
4720                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
4721                                                        {{inventorySettings.data.buttonLabel}}
4722                                                    </a>
4723                                                 </div>
4724                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
4725                                                                    <a v-if="applySecondaryDesign" href=""
4726                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
4727                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4728                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4729                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4730                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4731                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
4732                                                                    <a v-else href=""
4733                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
4734                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4735                                                                        @click.prevent="
4736                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4737                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4738                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4739                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4740                                                                        Ask A Question
4741                                                                    </a>
4742                                                                </div>
4743                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
4744                                                                    <a v-if="applySecondary
4744Design" href=""
4745                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
4746                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4747                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4748                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4749                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
4750                                                                    <a v-else href=""
4751                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
4752                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
4753                                                                        @click.prevent="
4754                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2KN2CA9TC510536&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50013&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4755                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
4756                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4757                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
4758                                                                        Value My Trade
4759                                                                    </a>
4760                                                                </div>
4761
4762
4763
4764                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
4765                                                <a tabindex="0"
4766                                                role="button"
4767                                                @click.prevent='openSoftPullModel("0", "1V2KN2CA9TC510536", "0", "2026", "Volkswagen", "Atlas", "2.0T SE with Technology", "59998", "Used","", $event)'
4768                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1V2KN2CA9TC510536", "0", "2026", "Volkswagen", "Atlas", "2.0T SE with Technology", "59998", "Used","", $event)'
4769                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
4770                                                style="background-color: #000000 !important; color: #FFFFFF !important"
4771                                                @mouseover="updateStyles($event, '','','')"
4772                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
4773                                                >
4774                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
4775                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
4776                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
4777                                                </a>
4778                                            </div>
4779
4780                                    </div>
4781                                </object>
4782                            </template>
4783
4784                            <div class="mt-3">
4785
4786
4787                                <div class="inventory-btns" style="width:100%;" v-cloak>
4788
4789
4790                                    <object class="d-flex flex-column primary-inventory-btn-group">
4791                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4792                                        <div class="pi-pullup-container"></div>
4793                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4794
4795                                        <div class="dvs_vin_btn" vin="1V2KN2CA9TC510536"></div>
4796
4797
4798
4799
4800
4801
4802                                    </object>
4803
4804
4805
4806
4807
4808
4809
4810
4811
4812                                    
4813
4814
4815
4816
4817
4818
4819
4820
4821
4822                                </div>
4823
4824
4825
4826
4827
4828
4829                            </div>
4830
4831                            <active-engage-widget v-if="isEnableActivEngageSrp"
4832                                                custom-class="py-2 ft-12"></active-engage-widget>
4833                        <div class="srp-tabs-section mt-3">
4834                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
4835                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2KN2CA9TC510536'] || 'details') === 'details' }"
4836                                    tabindex="0" role="tab"
4837                                    aria-label="Details"
4838                                    :aria-selected="(activeTabsByVin['1V2KN2CA9TC510536'] || 'details') === 'details'"
4839                                    aria-controls="tab-panel-details-1V2KN2CA9TC510536"
4840                                    @click.stop.prevent="setActiveTab('details', '1V2KN2CA9TC510536')"
4841                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1V2KN2CA9TC510536')">
4842                                        Details
4843                                    </div>
4844                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2KN2CA9TC510536'] || 'details') === 'payments' }"
4845                                tabindex="0" role="tab"
4846                                aria-label="Pricing"
4847                                :aria-selected="(activeTabsByVin['1V2KN2CA9TC510536'] || 'details') === 'payments'"
4848                                aria-controls="tab-panel-payments-1V2KN2CA9TC510536"
4849                                @click.stop.prevent="setActiveTab('payments', '1V2KN2CA9TC510536')"
4850                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1V2KN2CA9TC510536')">
4851                                    Pricing
4852                                </div>
4853                            </div>
4854
4855                            <div class="srp-tab-content">
4856                                <div :class="(activeTabsByVin['1V2KN2CA9TC510536'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1V2KN2CA9TC510536" aria-label="Details">
4857                                    <div class="vehicle-details-list">
4858
4859                                            <div class="details-item-row ">
4860                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
4861                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
4862                                                        <div id="copy_vin" class="d-inline">1V2KN2CA9TC510536</div>
4863                                                    </div>
4864                                            </div>
4865
4866                                            <div class="details-item-row">
4867                                                <div class="details-item-label">Stock #</div>
4868                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
4869                                                    <div id="copy_stock" class="d-inline">VV50013</div>
4870                                                </div>
4871                                            </div>
4872
4873                                        
4874
4875                                            <div class="details-item-row">
4876                                                <div class="details-item-label">Model Code</div>
4877                                                <div class="details-item-value">#CA37PR</div>
4878                                            </div>
4879
4880                                            <div class="details-item-row">
4881                                                <div class="details-item-label">Exterior</div>
4882                                                <div class="details-item-value d-flex align-items-center">
4883                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #E4E3E7; border-radius: 50%"></div>
4884                                                        <div class="ml-2">White</div>
4885                                                </div>
4886                                            </div>
4887
4888                                            <div class="details-item-row">
4889                                                <div class="details-item-label">Interior</div>
4890                                                <div class="details-item-value d-flex align-items-center">
4891                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
4892                                                    <div class="ml-2 interior-word-break">Titan Black</div>
4893                                                </div>
4894                                            </div>
4895
4896                                            <div class="details-item-row">
4897                                                <div class="details-item-label">Drivetrain</div>
4898                                                <div class="details-item-value">AWD</div>
4899                                            </div>
4900
4901                                            <div class="details-item-row">
4902                                                <div class="details-item-label">Engine</div>
4903                                                        <div class="details-item-value">Intercooled Turbo Regular Gasoline I-4 2.0 L/121</div>
4904                                            </div>
4905                                            <div class="details-item-row">
4906                                                <div class="details-item-label">Transmission</div>
4907                                                <div class="details-item-value">Automatic</div>
4908                                            </div>
4909                                                <div class="details-item-row">
4910                                                    <div class="details-item-label">Mileage</div>
4911                                                    <div class="details-item-value">9,581 Miles</div>
4912                                                </div>
4913
4914                                    </div>
4915
4916                                </div>
4917                                <div :class="(activeTabsByVin['1V2KN2CA9TC510536'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1V2KN2CA9TC510536" aria-label="Pricing">
4918                                            <div class="msrppanel-label">
4919                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):showMsrp)'>
4920
4921
4922                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-37500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4923                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
4924                                                                                        
4925
4926<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
4927    Selling Price
4928</div>
4929<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$37,500</div>
4930
4931
4932                                                                                    </div>
4933                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
4934                                                                                                <div>
4935                                                                                                    Doc Fee
4936                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
4937                                                                                                </div>
4938                                                                                                <div class="d-flex pl-2">
4939                                                                                                    &#x2B;$548
4940                                                                                                </div>
4941                                                                                            </div>
4942                                                                            <div id="1v2kn2ca9tc510536-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
4943                                                                                <sp
4943an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
4944                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
4945                                                                                </span>
4946                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1v2kn2ca9tc510536-unlock-discount-price"></label></span>
4947                                                                            </div>
4948                                                                            <div id="1v2kn2ca9tc510536-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
4949                                                                                <div class="mr-2" style="color:#000">
4950                                                                                    <span id="1v2kn2ca9tc510536-selling-price-label" class="p-0">Your Price</span>
4951                                                                                </div>
4952                                                                                <div id="1v2kn2ca9tc510536-your-price-hide" class=" " style="color:#000">$38,048</div>
4953                                                                            </div>
4954                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
4955                                                                                <div class="mr-2" style="color:#000">
4956                                                                                    <span id="1v2kn2ca9tc510536-selling-price-label" class="p-0">Your Price</span>
4957                                                                                </div>
4958                                                                                <div id="1v2kn2ca9tc510536-your-price" class=" " style="color:#000">$38,048</div>
4959                                                                            </div>
4960
4961
4962
4963
4964                                                        <total-incentive-discount qualified-data=''
4965                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
4966                                                                                :pricedata="{'msrp':'37500','yourPrice':'38048.0'}"
4967                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
4968                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
4969                                                    <div class="color-black ft-16 mt-1">
4970            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
4971                Disclosure
4972            </div>
4973</div>
4974
4975                                                </div>
4976
4977                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2KN2CA9TC510536", "false"==="true"):!showMsrp )'>
4978                                                                    <div v-if="!unlockHideMsrp">
4979                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-37500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4980                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
4981                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
4982                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$37,500</div>
4983                                                                        </div>
4984                                                                    </div>
4985
4986                                                </div>
4987                                            </div>
4988                                </div>
4989                            </div>
4990                        </div>
4991                        <div id="cta-params-1V2KN2CA9TC510536"
4992                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:38048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
4993                        </div>
4994
4995                        <div>
4996
4997                            <vehicle-badges model="Atlas"
4998                                            :current="'srp'"
4999                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
5000                                            :eyesight="''"
5001                                            :starlink="''"
5002                                            :von="''"
5003                                            :onorder="''"
5004                                            :vin="'1V2KN2CA9TC510536'"
5005                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance'"
5006                                            :vehicle-badges-top-srp="'False'"
5007                                            :year="'2026'"
5008                                            :in-transit-background-color-srp="''"
5009                                            :in-transit-badge-color-srp="''"
5010                                            :in-production-background-color-srp="''"
5011                                            :in-production-badge-color-srp="''"
5012                                            @opendisclaimer="openDisclaimerPopup($event)">
5013                            </vehicle-badges>
5014
5015                                <div class="d-flex flex-wrap">
5016                                    
5017
5018
5019
5020
5021
5022
5023                                </div>
5024                        </div>
5025
5026
5027
5028                        <div class="d-flex flex-wrap srp-certified-img-section">
5029
5030
5031
5032                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/Vg-B88o2eDMx9g8-FP-jDQ4Kfoe0UJJcbpq0Lb-z7F_PDLlPGGNf_yLdd9zxj8XnvW6angDEXiUAyP0HKpVH5KJdvcIxxj7Hnkg')">
5033                                        <img src="https://partnerstatic.
5033carfax.com/img/valuebadge/1own_good.svg"
5034                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
5035                                    </div>
5036                                <div class="text-center third-party-payment-tool">
5037                                    <span data-cg-vin="1V2KN2CA9TC510536" data-cg-price="38048.0"></span>
5038                                </div>
5039
5040
5041
5042
5043
5044                        </div>
5045
5046                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5047                            <subaru-badge-new model="Atlas"
5048                                            year="2026"
5049                                            make="Volkswagen"
5050                                            type="Used"
5051                                            :current="'srp'"
5052                                            :transit="'False'"
5053                                            :eyesight="''"
5054                                            :starlink="''"
5055                                            :von="''"
5056                                            :onorder="''"
5057                                            :vin="'1V2KN2CA9TC510536'"
5058                                            :hide-in-transit="'False'"
5059                                            :vehicle-badges-top-srp="'False'"
5060                                            :subaru-consumer-report-class="''"
5061                                            :in-transit-background-color-srp="''"
5062                                            :in-transit-badge-color-srp="''"
5063                                            >
5064                            </subaru-badge-new>
5065                        </div>
5066
5067                    </div>
5068                </div>
5069
5070
5071
5072            </div>
5073        </a>
5074        <template v-if="true">
5075            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
5076                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1V2KN2CA9TC510536'" class="vehicle-data-overlay-container"
5077                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
5078                     @keydown.esc.prevent="closeDetailsOverlay()"
5079                     @keydown.tab="srpOverlayTrapFocus($event)">
5080                    <div class="vehicle-overlay-data">
5081                        <div class="srp-overlay-options">
5082                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5083                                <div class="d-flex align-items-center" style="gap: 20px;">
5084                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
5085                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5086                                    <h3 class="mb-0">Options</h3>
5087                                </div>
5088                                <div>
5089                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
5090                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
5091                                </div>
5092                            </div>
5093
5094                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
5095                                <div class="overlay-nav-items px-3 pt-4">
5096                                    <div class="d-flex overlay-nav-item" tabindex="0"
5097                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2KN2CA9TC510536', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2KN2CA9TC510536', overlayType: '
5097share-options', label: 'Share' })">
5098                                        <em class="primaryicon-share-icon"></em>
5099                                        <span>Share</span>
5100                                    </div>
5101
5102                                        <div class="d-flex overlay-nav-item"
5103                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2KN2CA9TC510536', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2KN2CA9TC510536', overlayType: 'key-features', label: 'Key Features' })">
5104                                            <em class="primaryicon-key-features-icon"></em>
5105                                            <span>Key Features</span>
5106                                        </div>
5107                                        <div class="d-flex overlay-nav-item"
5108                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1V2KN2CA9TC510536")' @keydown.enter.space.prevent='openChatAssistant("1V2KN2CA9TC510536")'>
5109                                            <em class="primaryicon-assistant-icon"></em>
5110                                            <span>Ask Us Anything</span>
5111                                        </div>
5112                                </div>
5113
5114                                <div class="pt-4 px-3 mt-3">
5115                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance")' target="_self"
5116                                        @keydown.space.prevent="$event.currentTarget.click()"
5117                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
5118                                        View Details
5119                                    </a>
5120                                </div>
5121                            </div>
5122                        </div>
5123                    </div>
5124                </div>
5125            </transition>
5126            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
5127                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1V2KN2CA9TC510536'"
5128                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
5129                     @keydown.esc.prevent="navigateToDetailsOverlay()"
5130                     @keydown.tab="srpOverlayTrapFocus($event)">
5131                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5132                        <div class="d-flex align-items-center" style="gap: 20px;">
5133                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5134                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5135                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5136                        </div>
5137                        <div>
5138                            <em class="primaryicon-close-icon-gray"
5139                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5140                        </div>
5141                    </div>
5142                    <div class="mt-3 pt-4 overlay-section-links">
5143                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5144                        <template v-if="!isLoadingOverlayDetails">
5145                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
5146                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility?type=finance" vehicle-name="Used 202
51466 Volkswagen Atlas 2.0T SE with Technology" :page-type-id="18" :style-id="476706" class="overlay-section-content"></share-options>
5147                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
5148                        </template>
5149                    </div>
5150                </div>
5151            </transition>
5152        </template>
5153    </div>
5154        
5154<script type="application/javascript">
5155
5156            var rebatesString = "[]";
5157            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5158            localStorage.setItem("3VWBW7BU1TM003262-rebates", formattedRebatesString);
5159
5160        </script>
5160
5161<div data-itemid="Volkswagen-Jetta-Sport-3VWBW7BU1TM003262" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5162        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "3VWBW7BU1TM003262", "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "3",msrp:"20500",yourPrice:"21048.0",sellingPrice:"20500",type:"Used",title:`2026 Volkswagen Jetta Sport`},"false"==="true"), setVintoTransact("3VWBW7BU1TM003262", $event,{styleId:"478601"})'
5163        @mouseleave="clearMouseHoverValue()"
5164        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5165        used-large-box" style="height: 100%;">
5166
5167            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5168                <div class="position-relative">
5169                    <div class="srp-top-badges">
5170                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
5171                            <div class="d-flex align-items-center gap-10">
5172                                            <div class="specials-indicator-wrapper">
5173                                                <inventory-specials-indicator
5174                                                bg-color="#9D0026 !important"
5175                                                text="Today&#x27;s Special">
5176                                                </inventory-specials-indicator>
5177                                            </div>
5178                            </div>
5179                        </div>
5180
5181                    </div>
5182
5183
5184                    <div id="EZ360_CVDP"></div>
5185
5186                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5187                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VWBW7BU1TM003262'" class="vehicle-box__image">
5188                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/a372a5dedb464ac996ac910aff6624d7.jpg" class="img-fluid srp-vehiclebox-image"
5189                                    title="2026 Volkswagen Jetta Sport" alt="2026 Volkswagen Jetta Sport" />
5190
5191                        </div>
5192
5193                        <div class="dp-srp-evox-media-3VWBW7BU1TM003262" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VWBW7BU1TM003262'"></div>
5194
5195                        <div class="vehicle-info-icon">
5196                            <em
5197                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VWBW7BU1TM003262')"
5198                            class="primaryicon-options-btn-new info-icon-css"
5199                            data-vin="3VWBW7BU1TM003262"
5200                            tabindex="0"
5201                            role="button"
5202                            aria-label="Vehicle info"
5203                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VWBW7BU1TM003262')"
5204                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VWBW7BU1TM003262')"
5205                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5206                        </div>
5207                    </div>
5208
5209
5210                    <div class="vehiclebox-info-section p-3">
5211                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5212                            <div class="d-flex">
5213                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5214                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5215                                        2026 Volkswagen Jetta Sport
5216                                    </h2>
5217                                </div>
5218                            </div>
5219                        </div>
5220
5221                        <div class="vehicle-summary-section mt-3 ">
5222                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5223                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5224            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):showMsrp)'>
5225                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
5226                                            <div class="mr-2" style="color:#000">
5227                                                <span id="3vwbw7bu1tm003262-price-summary-label">Your Price</span>
5228                                            </div>
5229                                            <div id="3vwbw7bu1tm003262-price-summary-value" class=" " style="color:#000">$21,048</div>
5230                                        </div>
5231
5232            </div>
5233            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):!showMsrp )'>
5234                                <div v-if="!unlockHideMsrp">
5235                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5236                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
5237                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,500</div>
5238                                    </div>
5239                                </div>
5240
5241            </div>
5242        </div>
5243
5244                            </div>
5245
5246                                <template v-if="true">
5247                                    <div class="vehicle-summary-cta flex-1">
5248                                        <object>
5249                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
5250                <a v-if="applySecondaryDesign" href=""
5251                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
5252                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5253                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5254                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5255                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
5256                <a v-else href=""
5257                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
5258                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5259                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5260                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5261                   @mouseover="onCTABtnHover('', '', '', $event)">
5262                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
5263                    60-Second Quote
5264                </a>
5265            </div>
5266
5267                                        </object>
5268                                    </div>
5269                                </template>
5270                        </div>
5271<div class="color-black ft-16 mt-1">
5272            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
5273                Disclosure
5274            </div>
5275</div>
5276
5277
5278                        <div class="show section-separator my-4"></div>
5279
5280
5281                            <template v-if="true">
5282                                <object>
5283                                    <div class="app-level-cta-container">
5284
5285
5286
5287
5288
5289
5290
5291                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VWBW7BU1TM003262","false"==="true"))' class="primary-button-parent">
5292                                                    <a :style="ctaBtnStyles"
5293                                                     tabindex="0" role="button"
5294                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance", "3VWBW7BU1TM003262", "Used")'
5295                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance", "3VWBW7BU1TM003262", "Used")'
5296                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
5297                                                        {{inventorySettings.data.buttonLabel}}
5298                                                    </a>
5299                                                 </div>
5300                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
5301                                                                    <a v-if="applySecondaryDesign" href=""
5302                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
5303                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5304                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5305                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5306                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5307                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
5308                                                                    <a v-else href=""
5309                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
5310                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5311                                                                        @click.prevent="
5312                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5313                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5314                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5315                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5316                                                                        Ask A Question
5317                                                                    </a>
5318                                                                </div>
5319                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
5320                                                                    <a v-if="applySecondary
5320Design" href=""
5321                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
5322                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5323                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5324                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5325                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
5326                                                                    <a v-else href=""
5327                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
5328                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5329                                                                        @click.prevent="
5330                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VWBW7BU1TM003262&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50008&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5331                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5332                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5333                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
5334                                                                        Value My Trade
5335                                                                    </a>
5336                                                                </div>
5337
5338
5339
5340                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
5341                                                <a tabindex="0"
5342                                                role="button"
5343                                                @click.prevent='openSoftPullModel("0", "3VWBW7BU1TM003262", "0", "2026", "Volkswagen", "Jetta", "Sport", "59998", "Used","", $event)'
5344                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3VWBW7BU1TM003262", "0", "2026", "Volkswagen", "Jetta", "Sport", "59998", "Used","", $event)'
5345                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
5346                                                style="background-color: #000000 !important; color: #FFFFFF !important"
5347                                                @mouseover="updateStyles($event, '','','')"
5348                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
5349                                                >
5350                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
5351                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
5352                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
5353                                                </a>
5354                                            </div>
5355
5356                                    </div>
5357                                </object>
5358                            </template>
5359
5360                            <div class="mt-3">
5361
5362
5363                                <div class="inventory-btns" style="width:100%;" v-cloak>
5364
5365
5366                                    <object class="d-flex flex-column primary-inventory-btn-group">
5367                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5368                                        <div class="pi-pullup-container"></div>
5369                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5370
5371                                        <div class="dvs_vin_btn" vin="3VWBW7BU1TM003262"></div>
5372
5373
5374
5375
5376
5377
5378                                    </object>
5379
5380
5381
5382
5383
5384
5385
5386
5387
5388                                    
5389
5390
5391
5392
5393
5394
5395
5396
5397
5398                                </div>
5399
5400
5401
5402
5403
5404
5405                            </div>
5406
5407                            <active-engage-widget v-if="isEnableActivEngageSrp"
5408                                                custom-class="py-2 ft-12"></active-engage-widget>
5409                        <div class="srp-tabs-section mt-3">
5410                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
5411                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VWBW7BU1TM003262'] || 'details') === 'details' }"
5412                                    tabindex="0" role="tab"
5413                                    aria-label="Details"
5414                                    :aria-selected="(activeTabsByVin['3VWBW7BU1TM003262'] || 'details') === 'details'"
5415                                    aria-controls="tab-panel-details-3VWBW7BU1TM003262"
5416                                    @click.stop.prevent="setActiveTab('details', '3VWBW7BU1TM003262')"
5417                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VWBW7BU1TM003262')">
5418                                        Details
5419                                    </div>
5420                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VWBW7BU1TM003262'] || 'details') === 'payments' }"
5421                                tabindex="0" role="tab"
5422                                aria-label="Pricing"
5423                                :aria-selected="(activeTabsByVin['3VWBW7BU1TM003262'] || 'details') === 'payments'"
5424                                aria-controls="tab-panel-payments-3VWBW7BU1TM003262"
5425                                @click.stop.prevent="setActiveTab('payments', '3VWBW7BU1TM003262')"
5426                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VWBW7BU1TM003262')">
5427                                    Pricing
5428                                </div>
5429                            </div>
5430
5431                            <div class="srp-tab-content">
5432                                <div :class="(activeTabsByVin['3VWBW7BU1TM003262'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VWBW7BU1TM003262" aria-label="Details">
5433                                    <div class="vehicle-details-list">
5434
5435                                            <div class="details-item-row ">
5436                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
5437                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
5438                                                        <div id="copy_vin" class="d-inline">3VWBW7BU1TM003262</div>
5439                                                    </div>
5440                                            </div>
5441
5442                                            <div class="details-item-row">
5443                                                <div class="details-item-label">Stock #</div>
5444                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
5445                                                    <div id="copy_stock" class="d-inline">VV50008</div>
5446                                                </div>
5447                                            </div>
5448
5449                                        
5450
5451                                            <div class="details-item-row">
5452                                                <div class="details-item-label">Model Code</div>
5453                                                <div class="details-item-value">#BU52RS</div>
5454                                            </div>
5455
5456                                            <div class="details-item-row">
5457                                                <div class="details-item-label">Exterior</div>
5458                                                <div class="details-item-value d-flex align-items-center">
5459                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #E7EBEB; border-radius: 50%"></div>
5460                                                        <div class="ml-2">White</div>
5461                                                </div>
5462                                            </div>
5463
5464                                            <div class="details-item-row">
5465                                                <div class="details-item-label">Interior</div>
5466                                                <div class="details-item-value d-flex align-items-center">
5467                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
5468                                                    <div class="ml-2 interior-word-break">Titan Black</div>
5469                                                </div>
5470                                            </div>
5471
5472                                            <div class="details-item-row">
5473                                                <div class="details-item-label">Drivetrain</div>
5474                                                <div class="details-item-value">FWD</div>
5475                                            </div>
5476
5477                                            <div class="details-item-row">
5478                                                <div class="details-item-label">Engine</div>
5479                                                        <div class="details-item-value">Intercooled Turbo Regular Gasoline I-4 1.5 L/91</div>
5480                                            </div>
5481                                            <div class="details-item-row">
5482                                                <div class="details-item-label">Transmission</div>
5483                                                <div class="details-item-value">Automatic</div>
5484                                            </div>
5485                                                <div class="details-item-row">
5486                                                    <div class="details-item-label">Mileage</div>
5487                                                    <div class="details-item-value">9,654 Miles</div>
5488                                                </div>
5489
5490                                    </div>
5491
5492                                </div>
5493                                <div :class="(activeTabsByVin['3VWBW7BU1TM003262'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VWBW7BU1TM003262" aria-label="Pricing">
5494                                            <div class="msrppanel-label">
5495                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):showMsrp)'>
5496
5497
5498                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5499                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
5500                                                                                        
5501
5502<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
5503    Selling Price
5504</div>
5505<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$20,500</div>
5506
5507
5508                                                                                    </div>
5509                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
5510                                                                                                <div>
5511                                                                                                    Doc Fee
5512                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
5513                                                                                                </div>
5514                                                                                                <div class="d-flex pl-2">
5515                                                                                                    &#x2B;$548
5516                                                                                                </div>
5517                                                                                            </div>
5518                                                                            <div id="3vwbw7bu1tm003262-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
5519                                                                                <sp
5519an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
5520                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
5521                                                                                </span>
5522                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vwbw7bu1tm003262-unlock-discount-price"></label></span>
5523                                                                            </div>
5524                                                                            <div id="3vwbw7bu1tm003262-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
5525                                                                                <div class="mr-2" style="color:#000">
5526                                                                                    <span id="3vwbw7bu1tm003262-selling-price-label" class="p-0">Your Price</span>
5527                                                                                </div>
5528                                                                                <div id="3vwbw7bu1tm003262-your-price-hide" class=" " style="color:#000">$21,048</div>
5529                                                                            </div>
5530                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
5531                                                                                <div class="mr-2" style="color:#000">
5532                                                                                    <span id="3vwbw7bu1tm003262-selling-price-label" class="p-0">Your Price</span>
5533                                                                                </div>
5534                                                                                <div id="3vwbw7bu1tm003262-your-price" class=" " style="color:#000">$21,048</div>
5535                                                                            </div>
5536
5537
5538
5539
5540                                                        <total-incentive-discount qualified-data=''
5541                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
5542                                                                                :pricedata="{'msrp':'20500','yourPrice':'21048.0'}"
5543                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
5544                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
5545                                                    <div class="color-black ft-16 mt-1">
5546            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
5547                Disclosure
5548            </div>
5549</div>
5550
5551                                                </div>
5552
5553                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU1TM003262", "false"==="true"):!showMsrp )'>
5554                                                                    <div v-if="!unlockHideMsrp">
5555                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5556                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
5557                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
5558                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,500</div>
5559                                                                        </div>
5560                                                                    </div>
5561
5562                                                </div>
5563                                            </div>
5564                                </div>
5565                            </div>
5566                        </div>
5567                        <div id="cta-params-3VWBW7BU1TM003262"
5568                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:21048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
5569                        </div>
5570
5571                        <div>
5572
5573                            <vehicle-badges model="Jetta"
5574                                            :current="'srp'"
5575                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
5576                                            :eyesight="''"
5577                                            :starlink="''"
5578                                            :von="''"
5579                                            :onorder="''"
5580                                            :vin="'3VWBW7BU1TM003262'"
5581                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance'"
5582                                            :vehicle-badges-top-srp="'False'"
5583                                            :year="'2026'"
5584                                            :in-transit-background-color-srp="''"
5585                                            :in-transit-badge-color-srp="''"
5586                                            :in-production-background-color-srp="''"
5587                                            :in-production-badge-color-srp="''"
5588                                            @opendisclaimer="openDisclaimerPopup($event)">
5589                            </vehicle-badges>
5590
5591                                <div class="d-flex flex-wrap">
5592                                    
5593
5594
5595
5596
5597
5598
5599                                </div>
5600                        </div>
5601
5602
5603
5604                        <div class="d-flex flex-wrap srp-certified-img-section">
5605
5606
5607
5608                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/mlrvLPIvalhIETmVaCGUX1bKo_MGAsgk5O-q3Er4O3tf5Rv_5hqAAiB8t8_aPQHMumKHEugExg9mHhp_VNSYgcILojfEptfO7F4')">
5609                                        <img src="https://partnerstatic.
5609carfax.com/img/valuebadge/1own_great.svg"
5610                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
5611                                    </div>
5612                                <div class="text-center third-party-payment-tool">
5613                                    <span data-cg-vin="3VWBW7BU1TM003262" data-cg-price="21048.0"></span>
5614                                </div>
5615
5616
5617
5618
5619
5620                        </div>
5621
5622                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5623                            <subaru-badge-new model="Jetta"
5624                                            year="2026"
5625                                            make="Volkswagen"
5626                                            type="Used"
5627                                            :current="'srp'"
5628                                            :transit="'False'"
5629                                            :eyesight="''"
5630                                            :starlink="''"
5631                                            :von="''"
5632                                            :onorder="''"
5633                                            :vin="'3VWBW7BU1TM003262'"
5634                                            :hide-in-transit="'False'"
5635                                            :vehicle-badges-top-srp="'False'"
5636                                            :subaru-consumer-report-class="''"
5637                                            :in-transit-background-color-srp="''"
5638                                            :in-transit-badge-color-srp="''"
5639                                            >
5640                            </subaru-badge-new>
5641                        </div>
5642
5643                    </div>
5644                </div>
5645
5646
5647
5648            </div>
5649        </a>
5650        <template v-if="true">
5651            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
5652                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VWBW7BU1TM003262'" class="vehicle-data-overlay-container"
5653                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
5654                     @keydown.esc.prevent="closeDetailsOverlay()"
5655                     @keydown.tab="srpOverlayTrapFocus($event)">
5656                    <div class="vehicle-overlay-data">
5657                        <div class="srp-overlay-options">
5658                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5659                                <div class="d-flex align-items-center" style="gap: 20px;">
5660                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
5661                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5662                                    <h3 class="mb-0">Options</h3>
5663                                </div>
5664                                <div>
5665                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
5666                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
5667                                </div>
5668                            </div>
5669
5670                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
5671                                <div class="overlay-nav-items px-3 pt-4">
5672                                    <div class="d-flex overlay-nav-item" tabindex="0"
5673                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU1TM003262', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU1TM003262', overlayType: '
5673share-options', label: 'Share' })">
5674                                        <em class="primaryicon-share-icon"></em>
5675                                        <span>Share</span>
5676                                    </div>
5677
5678                                        <div class="d-flex overlay-nav-item"
5679                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU1TM003262', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU1TM003262', overlayType: 'key-features', label: 'Key Features' })">
5680                                            <em class="primaryicon-key-features-icon"></em>
5681                                            <span>Key Features</span>
5682                                        </div>
5683                                        <div class="d-flex overlay-nav-item"
5684                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VWBW7BU1TM003262")' @keydown.enter.space.prevent='openChatAssistant("3VWBW7BU1TM003262")'>
5685                                            <em class="primaryicon-assistant-icon"></em>
5686                                            <span>Ask Us Anything</span>
5687                                        </div>
5688                                </div>
5689
5690                                <div class="pt-4 px-3 mt-3">
5691                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance")' target="_self"
5692                                        @keydown.space.prevent="$event.currentTarget.click()"
5693                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
5694                                        View Details
5695                                    </a>
5696                                </div>
5697                            </div>
5698                        </div>
5699                    </div>
5700                </div>
5701            </transition>
5702            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
5703                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VWBW7BU1TM003262'"
5704                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
5705                     @keydown.esc.prevent="navigateToDetailsOverlay()"
5706                     @keydown.tab="srpOverlayTrapFocus($event)">
5707                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5708                        <div class="d-flex align-items-center" style="gap: 20px;">
5709                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5710                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
5711                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5712                        </div>
5713                        <div>
5714                            <em class="primaryicon-close-icon-gray"
5715                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5716                        </div>
5717                    </div>
5718                    <div class="mt-3 pt-4 overlay-section-links">
5719                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5720                        <template v-if="!isLoadingOverlayDetails">
5721                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
5722                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car?type=finance" vehicle-name="Used 202
57226 Volkswagen Jetta Sport" :page-type-id="18" :style-id="478601" class="overlay-section-content"></share-options>
5723                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
5724                        </template>
5725                    </div>
5726                </div>
5727            </transition>
5728        </template>
5729    </div>
5730        <div class="vehicledetails-box" style="position: relative; overflow: hidden; min-height: 500px">
5731            <div class="inventory-car-parent-box-2 h-100 bg-white rounded-box d-flex justify-content-center align-items-center color-primary" style="border:3px solid">
5732                
5733
5734      <div id="reserve-your-car" class="d-flex justify-content-center align-items-center h-100 reserve-your-car-con bg-white rounded-box">
5735          <div class="py-4 px-2 text-center small-box position-relative">
5736                  <a href="/inventory/new/nissan/pathfinder,rogue,murano?paymenttype=cash&amp;intransit=true&amp;instock=true&amp;inproduction=true" target="_self">
5737                      <img src="https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=904543" alt="" title="Commonwealth Nissan"
5738                           class="header-logo img-fluid" />
5739                  </a>
5740
5741          </div>
5742      </div>
5743
5744            </div>
5745        </div>
5746        
5746<script type="application/javascript">
5747
5748            var rebatesString = "[]";
5749            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5750            localStorage.setItem("2HKRM4H37EH693600-rebates", formattedRebatesString);
5751
5752        </script>
5752
5753<div data-itemid="Honda-CR-V-LX-2HKRM4H37EH693600" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5754        <a href="https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "2HKRM4H37EH693600", "https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "4",msrp:"9250",yourPrice:"9798.0",sellingPrice:"9250",type:"Used",title:`2014 Honda CR-V LX`},"false"==="true"), setVintoTransact("2HKRM4H37EH693600", $event,{styleId:"363554"})'
5755        @mouseleave="clearMouseHoverValue()"
5756        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5757        used-large-box" style="height: 100%;">
5758
5759            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5760                <div class="position-relative">
5761                    <div class="srp-top-badges">
5762                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
5763                            <div class="d-flex align-items-center gap-10">
5764                                            <div class="specials-indicator-wrapper">
5765                                                <inventory-specials-indicator
5766                                                bg-color="#9D0026 !important"
5767                                                text="Today&#x27;s Special">
5768                                                </inventory-specials-indicator>
5769                                            </div>
5770                            </div>
5771                        </div>
5772
5773                    </div>
5774
5775
5776                    <div id="EZ360_CVDP"></div>
5777
5778                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5779                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-2HKRM4H37EH693600'" class="vehicle-box__image">
5780                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/90e32e5581ca415687c8f269e4fb9afc.jpg" class="img-fluid srp-vehiclebox-image"
5781                                    title="2014 Honda CR-V LX" alt="2014 Honda CR-V LX" />
5782
5783                        </div>
5784
5785                        <div class="dp-srp-evox-media-2HKRM4H37EH693600" v-show="currentHoveredBlock === 'dp-srp-evox-media-2HKRM4H37EH693600'"></div>
5786
5787                        <div class="vehicle-info-icon">
5788                            <em
5789                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '2HKRM4H37EH693600')"
5790                            class="primaryicon-options-btn-new info-icon-css"
5791                            data-vin="2HKRM4H37EH693600"
5792                            tabindex="0"
5793                            role="button"
5794                            aria-label="Vehicle info"
5795                            @click.stop.prevent="openVehicleInfoOverlay($event, '2HKRM4H37EH693600')"
5796                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '2HKRM4H37EH693600')"
5797                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5798                        </div>
5799                    </div>
5800
5801
5802                    <div class="vehiclebox-info-section p-3">
5803                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5804                            <div class="d-flex">
5805                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5806                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5807                                        2014 Honda CR-V LX
5808                                    </h2>
5809                                </div>
5810                            </div>
5811                        </div>
5812
5813                        <div class="vehicle-summary-section mt-3 ">
5814                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5815                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5816            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):showMsrp)'>
5817                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
5818                                            <div class="mr-2" style="color:#000">
5819                                                <span id="2hkrm4h37eh693600-price-summary-label">Your Price</span>
5820                                            </div>
5821                                            <div id="2hkrm4h37eh693600-price-summary-value" class=" " style="color:#000">$9,798</div>
5822                                        </div>
5823
5824            </div>
5825            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):!showMsrp )'>
5826                                <div v-if="!unlockHideMsrp">
5827                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5828                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
5829                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$9,250</div>
5830                                    </div>
5831                                </div>
5832
5833            </div>
5834        </div>
5835
5836                            </div>
5837
5838                                <template v-if="true">
5839                                    <div class="vehicle-summary-cta flex-1">
5840                                        <object>
5841                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
5842                <a v-if="applySecondaryDesign" href=""
5843                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
5844                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5845                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5846                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5847                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
5848                <a v-else href=""
5849                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
5850                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5851                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5852                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5853                   @mouseover="onCTABtnHover('', '', '', $event)">
5854                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
5855                    60-Second Quote
5856                </a>
5857            </div>
5858
5859                                        </object>
5860                                    </div>
5861                                </template>
5862                        </div>
5863<div class="color-black ft-16 mt-1">
5864            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
5865                Disclosure
5866            </div>
5867</div>
5868
5869
5870                        <div class="show section-separator my-4"></div>
5871
5872
5873                            <template v-if="true">
5874                                <object>
5875                                    <div class="app-level-cta-container">
5876
5877
5878
5879
5880
5881
5882
5883                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "2HKRM4H37EH693600","false"==="true"))' class="primary-button-parent">
5884                                                    <a :style="ctaBtnStyles"
5885                                                     tabindex="0" role="button"
5886                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance", "2HKRM4H37EH693600", "Used")'
5887                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance", "2HKRM4H37EH693600", "Used")'
5888                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
5889                                                        {{inventorySettings.data.buttonLabel}}
5890                                                    </a>
5891                                                 </div>
5892                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
5893                                                                    <a v-if="applySecondaryDesign" href=""
5894                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
5895                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5896                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5897                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;
5897CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5898                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5899                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
5900                                                                    <a v-else href=""
5901                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
5902                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5903                                                                        @click.prevent="
5904                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5905                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5906                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5907                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5908                                                                        Ask A Question
5909                                                                    </a>
5910                                                                </div>
5911                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
5912                                                                    <a v-if="applySecondary
5912Design" href=""
5913                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
5914                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5915                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5916                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5917                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
5918                                                                    <a v-else href=""
5919                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
5920                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
5921                                                                        @click.prevent="
5922                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2HKRM4H37EH693600&quot;,&quot;year&quot;:&quot;2014&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:131.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50461B&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5923                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
5924                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5925                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
5926                                                                        Value My Trade
5927                                                                    </a>
5928                                                                </div>
5929
5930
5931
5932                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
5933                                                <a tabindex="0"
5934                                                role="button"
5935                                                @click.prevent='openSoftPullModel("72", "2HKRM4H37EH693600", "131", "2014", "Honda", "CR-V", "LX", "59998", "Used","", $event)'
5936                                                @keydown.enter.space.prevent='openSoftPullModel("72", "2HKRM4H37EH693600", "131", "2014", "Honda", "CR-V", "LX", "59998", "Used","", $event)'
5937                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
5938                                                style="background-color: #000000 !important; color: #FFFFFF !important"
5939                                                @mouseover="updateStyles($event, '','','')"
5940                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
5941                                                >
5942                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
5943                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
5944                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
5945                                                </a>
5946                                            </div>
5947
5948                                    </div>
5949                                </object>
5950                            </template>
5951
5952                            <div class="mt-3">
5953
5954
5955                                <div class="inventory-btns" style="width:100%;" v-cloak>
5956
5957
5958                                    <object class="d-flex flex-column primary-inventory-btn-group">
5959                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5960                                        <div class="pi-pullup-container"></div>
5961                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5962
5963                                        <div class="dvs_vin_btn" vin="2HKRM4H37EH693600"></div>
5964
5965
5966
5967
5968
5969
5970                                    </object>
5971
5972
5973
5974
5975
5976
5977
5978
5979
5980                                    
5981
5982
5983
5984
5985
5986
5987
5988
5989
5990                                </div>
5991
5992
5993
5994
5995
5996
5997                            </div>
5998
5999                            <active-engage-widget v-if="isEnableActivEngageSrp"
6000                                                custom-class="py-2 ft-12"></active-engage-widget>
6001                        <div class="srp-tabs-section mt-3">
6002                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6003                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2HKRM4H37EH693600'] || 'details') === 'details' }"
6004                                    tabindex="0" role="tab"
6005                                    aria-label="Details"
6006                                    :aria-selected="(activeTabsByVin['2HKRM4H37EH693600'] || 'details') === 'details'"
6007                                    aria-controls="tab-panel-details-2HKRM4H37EH693600"
6008                                    @click.stop.prevent="setActiveTab('details', '2HKRM4H37EH693600')"
6009                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '2HKRM4H37EH693600')">
6010                                        Details
6011                                    </div>
6012                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2HKRM4H37EH693600'] || 'details') === 'payments' }"
6013                                tabindex="0" role="tab"
6014                                aria-label="Pricing"
6015                                :aria-selected="(activeTabsByVin['2HKRM4H37EH693600'] || 'details') === 'payments'"
6016                                aria-controls="tab-panel-payments-2HKRM4H37EH693600"
6017                                @click.stop.prevent="setActiveTab('payments', '2HKRM4H37EH693600')"
6018                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '2HKRM4H37EH693600')">
6019                                    Pricing
6020                                </div>
6021                            </div>
6022
6023                            <div class="srp-tab-content">
6024                                <div :class="(activeTabsByVin['2HKRM4H37EH693600'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-2HKRM4H37EH693600" aria-label="Details">
6025                                    <div class="vehicle-details-list">
6026
6027                                            <div class="details-item-row ">
6028                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
6029                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
6030                                                        <div id="copy_vin" class="d-inline">2HKRM4H37EH693600</div>
6031                                                    </div>
6032                                            </div>
6033
6034                                            <div class="details-item-row">
6035                                                <div class="details-item-label">Stock #</div>
6036                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6037                                                    <div id="copy_stock" class="d-inline">K50461B</div>
6038                                                </div>
6039                                            </div>
6040
6041                                        
6042
6043                                            <div class="details-item-row">
6044                                                <div class="details-item-label">Model Code</div>
6045                                                <div class="details-item-value">#RM4H3EEW</div>
6046                                            </div>
6047
6048                                            <div class="details-item-row">
6049                                                <div class="details-item-label">Exterior</div>
6050                                                <div class="details-item-value d-flex align-items-center">
6051                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%"></div>
6052                                                        <div class="ml-2">Polished Metal Metallic</div>
6053                                                </div>
6054                                            </div>
6055
6056                                            <div class="details-item-row">
6057                                                <div class="details-item-label">Interior</div>
6058                                                <div class="details-item-value d-flex align-items-center">
6059                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
6060                                                    <div class="ml-2 interior-word-break">Gray</div>
6061                                                </div>
6062                                            </div>
6063
6064                                            <div class="details-item-row">
6065                                                <div class="details-item-label">Drivetrain</div>
6066                                                <div class="details-item-value">AWD</div>
6067                                            </div>
6068
6069                                            <div class="details-item-row">
6070                                                <div class="details-item-label">Engine</div>
6071                                                        <div class="details-item-value">Regular Unleaded I-4 2.4 L/144</div>
6072                                            </div>
6073                                            <div class="details-item-row">
6074                                                <div class="details-item-label">Transmission</div>
6075                                                <div class="details-item-value">Automatic</div>
6076                                            </div>
6077                                                <div class="details-item-row">
6078                                                    <div class="details-item-label">Mileage</div>
6079                                                    <div class="details-item-value">158,956 Miles</div>
6080                                                </div>
6081
6082                                    </div>
6083
6084                                </div>
6085                                <div :class="(activeTabsByVin['2HKRM4H37EH693600'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-2HKRM4H37EH693600" aria-label="Pricing">
6086                                            <div class="msrppanel-label">
6087                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):showMsrp)'>
6088
6089
6090                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-9250' :sh
6090owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6091                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
6092                                                                                        
6093
6094<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
6095    Selling Price
6096</div>
6097<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$9,250</div>
6098
6099
6100                                                                                    </div>
6101                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
6102                                                                                                <div>
6103                                                                                                    Doc Fee
6104                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6105                                                                                                </div>
6106                                                                                                <div class="d-flex pl-2">
6107                                                                                                    &#x2B;$548
6108                                                                                                </div>
6109                                                                                            </div>
6110                                                                            <div id="2hkrm4h37eh693600-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6111                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
6112                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6113                                                                                </span>
6114                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="2hkrm4h37eh693600-unlock-discount-price"></label></span>
6115                                                                            </div>
6116                                                                            <div id="2hkrm4h37eh693600-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
6117                                                                                <div class="mr-2" style="color:#000">
6118                                                                                    <span id="2hkrm4h37eh693600-selling-price-label" class="p-0">Your Price</span>
6119                                                                                </div>
6120                                                                                <div id="2hkrm4h37eh693600-your-price-hide" class=" " style="color:#000">$9,798</div>
6121                                                                            </div>
6122                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
6123                                                                                <div class="mr-2" style="color:#000">
6124                                                                                    <sp
6124an id="2hkrm4h37eh693600-selling-price-label" class="p-0">Your Price</span>
6125                                                                                </div>
6126                                                                                <div id="2hkrm4h37eh693600-your-price" class=" " style="color:#000">$9,798</div>
6127                                                                            </div>
6128
6129
6130
6131
6132                                                        <total-incentive-discount qualified-data=''
6133                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6134                                                                                :pricedata="{'msrp':'9250','yourPrice':'9798.0'}"
6135                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6136                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6137                                                    <div class="color-black ft-16 mt-1">
6138            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
6139                Disclosure
6140            </div>
6141</div>
6142
6143                                                </div>
6144
6145                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HKRM4H37EH693600", "false"==="true"):!showMsrp )'>
6146                                                                    <div v-if="!unlockHideMsrp">
6147                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-9250' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6148                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6149                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
6150                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$9,250</div>
6151                                                                        </div>
6152                                                                    </div>
6153
6154                                                </div>
6155                                            </div>
6156                                </div>
6157                            </div>
6158                        </div>
6159                        <div id="cta-params-2HKRM4H37EH693600"
6160                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:9798.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6161                        </div>
6162
6163                        <div>
6164
6165                            <vehicle-badges model="CR-V"
6166                                            :current="'srp'"
6167                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
6168                                            :eyesight="''"
6169                                            :starlink="''"
6170                                            :von="''"
6171                                            :onorder="''"
6172                                            :vin="'2HKRM4H37EH693600'"
6173                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance'"
6174                                            :vehicle-badges-top-srp="'False'"
6175                                            :year="'2014'"
6176                                            :in-transit-background-color-srp="''"
6177                                            :in-transit-badge-color-srp="''"
6178                                            :in-production-background-color-srp="''"
6179                                            :in-production-badge-color-srp="''"
6180                                            @opendisclaimer="openDisclaimerPopup($event)">
6181                            </vehicle-badges>
6182
6183                                <div class="d-flex flex-wrap">
6184                                    
6185
6186
6187
6188
6189
6190
6191                                </div>
6192                        </div>
6193
6194
6195
6196                        <div class="d-flex flex-wrap srp-certified-img-section">
6197
6198
6199
6200                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/4XROa3Xxz4MUAx-ob7lqEM9m5A-yMw0yDUq05q4hVmdC2LBwM6hByOnEC0sbxn3QuxfTV2rBC8SaUGKuxDnNpn1i_9txG2O2jJU')">
6201                                        <img src="https://partnerstatic.
6201carfax.com/img/valuebadge/great.svg"
6202                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
6203                                    </div>
6204                                <div class="text-center third-party-payment-tool">
6205                                    <span data-cg-vin="2HKRM4H37EH693600" data-cg-price="9798.0"></span>
6206                                </div>
6207
6208
6209
6210
6211
6212                        </div>
6213
6214                        <div v-if="currentTheme == 'subaru'" class="mt-3">
6215                            <subaru-badge-new model="CR-V"
6216                                            year="2014"
6217                                            make="Honda"
6218                                            type="Used"
6219                                            :current="'srp'"
6220                                            :transit="'False'"
6221                                            :eyesight="''"
6222                                            :starlink="''"
6223                                            :von="''"
6224                                            :onorder="''"
6225                                            :vin="'2HKRM4H37EH693600'"
6226                                            :hide-in-transit="'False'"
6227                                            :vehicle-badges-top-srp="'False'"
6228                                            :subaru-consumer-report-class="''"
6229                                            :in-transit-background-color-srp="''"
6230                                            :in-transit-badge-color-srp="''"
6231                                            >
6232                            </subaru-badge-new>
6233                        </div>
6234
6235                    </div>
6236                </div>
6237
6238
6239
6240            </div>
6241        </a>
6242        <template v-if="true">
6243            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
6244                <div v-if="openDetailsOverlay && selectedVinForOverlay == '2HKRM4H37EH693600'" class="vehicle-data-overlay-container"
6245                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
6246                     @keydown.esc.prevent="closeDetailsOverlay()"
6247                     @keydown.tab="srpOverlayTrapFocus($event)">
6248                    <div class="vehicle-overlay-data">
6249                        <div class="srp-overlay-options">
6250                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6251                                <div class="d-flex align-items-center" style="gap: 20px;">
6252                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
6253                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
6254                                    <h3 class="mb-0">Options</h3>
6255                                </div>
6256                                <div>
6257                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
6258                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
6259                                </div>
6260                            </div>
6261
6262                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
6263                                <div class="overlay-nav-items px-3 pt-4">
6264                                    <div class="d-flex overlay-nav-item" tabindex="0"
6265                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2HKRM4H37EH693600', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2HKRM4H37EH693600', overlayType: '
6265share-options', label: 'Share' })">
6266                                        <em class="primaryicon-share-icon"></em>
6267                                        <span>Share</span>
6268                                    </div>
6269
6270                                        <div class="d-flex overlay-nav-item"
6271                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2HKRM4H37EH693600', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2HKRM4H37EH693600', overlayType: 'key-features', label: 'Key Features' })">
6272                                            <em class="primaryicon-key-features-icon"></em>
6273                                            <span>Key Features</span>
6274                                        </div>
6275                                        <div class="d-flex overlay-nav-item"
6276                                        tabindex="0" role="button" @click.prevent='openChatAssistant("2HKRM4H37EH693600")' @keydown.enter.space.prevent='openChatAssistant("2HKRM4H37EH693600")'>
6277                                            <em class="primaryicon-assistant-icon"></em>
6278                                            <span>Ask Us Anything</span>
6279                                        </div>
6280                                </div>
6281
6282                                <div class="pt-4 px-3 mt-3">
6283                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance")' target="_self"
6284                                        @keydown.space.prevent="$event.currentTarget.click()"
6285                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
6286                                        View Details
6287                                    </a>
6288                                </div>
6289                            </div>
6290                        </div>
6291                    </div>
6292                </div>
6293            </transition>
6294            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
6295                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '2HKRM4H37EH693600'"
6296                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
6297                     @keydown.esc.prevent="navigateToDetailsOverlay()"
6298                     @keydown.tab="srpOverlayTrapFocus($event)">
6299                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6300                        <div class="d-flex align-items-center" style="gap: 20px;">
6301                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
6302                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
6303                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
6304                        </div>
6305                        <div>
6306                            <em class="primaryicon-close-icon-gray"
6307                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
6308                        </div>
6309                    </div>
6310                    <div class="mt-3 pt-4 overlay-section-links">
6311                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
6312                        <template v-if="!isLoadingOverlayDetails">
6313                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
6314                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility?type=finance" vehicle-name="Used 2014 Honda CR-V LX" :page-type-id="18" :style-id="363554" class="overlay-section-content"></share-options>
6315                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
6316                        </template>
6317                    </div>
6318                </div>
6319            </transition>
6320        </template>
6321    </div>
6322        
6322<script type="application/javascript">
6323
6324            var rebatesString = "[]";
6325            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
6326            localStorage.setItem("1HGCY1F38PA031127-rebates", formattedRebatesString);
6327
6328        </script>
6328
6329<div data-itemid="Honda-Accord Sedan-EX-1HGCY1F38PA031127" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
6330        <a href="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "1HGCY1F38PA031127", "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "5",msrp:"21000",yourPrice:"21548.0",sellingPrice:"21000",type:"Used",title:`2023 Honda Accord Sedan EX`},"false"==="true"), setVintoTransact("1HGCY1F38PA031127", $event,{styleId:"0"})'
6331        @mouseleave="clearMouseHoverValue()"
6332        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
6333        used-large-box" style="height: 100%;">
6334
6335            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
6336                <div class="position-relative">
6337                    <div class="srp-top-badges">
6338                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
6339                            <div class="d-flex align-items-center gap-10">
6340                                            <div class="specials-indicator-wrapper">
6341                                                <inventory-specials-indicator
6342                                                bg-color="#9D0026 !important"
6343                                                text="Today&#x27;s Special">
6344                                                </inventory-specials-indicator>
6345                                            </div>
6346                            </div>
6347                        </div>
6348
6349                    </div>
6350
6351
6352                    <div id="EZ360_CVDP"></div>
6353
6354                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
6355                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1HGCY1F38PA031127'" class="vehicle-box__image">
6356                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/64614918dc7e4fb8b6bf0275e4e32fab.jpg" class="img-fluid srp-vehiclebox-image"
6357                                    title="2023 Honda Accord Sedan EX" alt="2023 Honda Accord Sedan EX" />
6358
6359                        </div>
6360
6361                        <div class="dp-srp-evox-media-1HGCY1F38PA031127" v-show="currentHoveredBlock === 'dp-srp-evox-media-1HGCY1F38PA031127'"></div>
6362
6363                        <div class="vehicle-info-icon">
6364                            <em
6365                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1HGCY1F38PA031127')"
6366                            class="primaryicon-options-btn-new info-icon-css"
6367                            data-vin="1HGCY1F38PA031127"
6368                            tabindex="0"
6369                            role="button"
6370                            aria-label="Vehicle info"
6371                            @click.stop.prevent="openVehicleInfoOverlay($event, '1HGCY1F38PA031127')"
6372                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1HGCY1F38PA031127')"
6373                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
6374                        </div>
6375                    </div>
6376
6377
6378                    <div class="vehiclebox-info-section p-3">
6379                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
6380                            <div class="d-flex">
6381                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
6382                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
6383                                        2023 Honda Accord Sedan EX
6384                                    </h2>
6385                                </div>
6386                            </div>
6387                        </div>
6388
6389                        <div class="vehicle-summary-section mt-3 ">
6390                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
6391                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
6392            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):showMsrp)'>
6393                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
6394                                            <div class="mr-2" style="color:#000">
6395                                                <span id="1hgcy1f38pa031127-price-summary-label">Your Price</span>
6396                                            </div>
6397                                            <div id="1hgcy1f38pa031127-price-summary-value" class=" " style="color:#000">$21,548</div>
6398                                        </div>
6399
6400            </div>
6401            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):!showMsrp )'>
6402                                <div v-if="!unlockHideMsrp">
6403                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
6404                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
6405                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$21,000</div>
6406                                    </div>
6407                                </div>
6408
6409            </div>
6410        </div>
6411
6412                            </div>
6413
6414                                <template v-if="true">
6415                                    <div class="vehicle-summary-cta flex-1">
6416                                        <object>
6417                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
6418                <a v-if="applySecondaryDesign" href=""
6419                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
6420                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6421                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6422                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
6423                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
6424                <a v-else href=""
6425                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
6426                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6427                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6428                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
6429                   @mouseover="onCTABtnHover('', '', '', $event)">
6430                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
6431                    60-Second Quote
6432                </a>
6433            </div>
6434
6435                                        </object>
6436                                    </div>
6437                                </template>
6438                        </div>
6439<div class="color-black ft-16 mt-1">
6440            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
6441                Disclosure
6442            </div>
6443</div>
6444
6445
6446                        <div class="show section-separator my-4"></div>
6447
6448
6449                            <template v-if="true">
6450                                <object>
6451                                    <div class="app-level-cta-container">
6452
6453
6454
6455
6456
6457
6458
6459                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1HGCY1F38PA031127","false"==="true"))' class="primary-button-parent">
6460                                                    <a :style="ctaBtnStyles"
6461                                                     tabindex="0" role="button"
6462                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance", "1HGCY1F38PA031127", "Used")'
6463                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance", "1HGCY1F38PA031127", "Used")'
6464                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
6465                                                        {{inventorySettings.data.buttonLabel}}
6466                                                    </a>
6467                                                 </div>
6468                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
6469                                                                    <a v-if="applySecondaryDesign" href=""
6470                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
6471                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6472                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6473                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6474                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
6475                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
6476                                                                    <a v-else href=""
6477                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
6478                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6479                                                                        @click.prevent="
6480                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6481                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6482                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
6483                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6484                                                                        Ask A Question
6485                                                                    </a>
6486                                                                </div>
6487                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
6488                                                                    <a v-if="applySecondary
6488Design" href=""
6489                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
6490                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6491                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6492                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
6493                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
6494                                                                    <a v-else href=""
6495                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
6496                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6497                                                                        @click.prevent="
6498                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1HGCY1F38PA031127&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27627A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6499                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
6500                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6501                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
6502                                                                        Value My Trade
6503                                                                    </a>
6504                                                                </div>
6505
6506
6507
6508                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
6509                                                <a tabindex="0"
6510                                                role="button"
6511                                                @click.prevent='openSoftPullModel("0", "1HGCY1F38PA031127", "0", "2023", "Honda", "Accord Sedan", "EX", "59998", "Used","", $event)'
6512                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1HGCY1F38PA031127", "0", "2023", "Honda", "Accord Sedan", "EX", "59998", "Used","", $event)'
6513                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
6514                                                style="background-color: #000000 !important; color: #FFFFFF !important"
6515                                                @mouseover="updateStyles($event, '','','')"
6516                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
6517                                                >
6518                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
6519                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
6520                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
6521                                                </a>
6522                                            </div>
6523
6524                                    </div>
6525                                </object>
6526                            </template>
6527
6528                            <div class="mt-3">
6529
6530
6531                                <div class="inventory-btns" style="width:100%;" v-cloak>
6532
6533
6534                                    <object class="d-flex flex-column primary-inventory-btn-group">
6535                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6536                                        <div class="pi-pullup-container"></div>
6537                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6538
6539                                        <div class="dvs_vin_btn" vin="1HGCY1F38PA031127"></div>
6540
6541
6542
6543
6544
6545
6546                                    </object>
6547
6548
6549
6550
6551
6552
6553
6554
6555
6556                                    
6557
6558
6559
6560
6561
6562
6563
6564
6565
6566                                </div>
6567
6568
6569
6570
6571
6572
6573                            </div>
6574
6575                            <active-engage-widget v-if="isEnableActivEngageSrp"
6576                                                custom-class="py-2 ft-12"></active-engage-widget>
6577                        <div class="srp-tabs-section mt-3">
6578                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6579                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1HGCY1F38PA031127'] || 'details') === 'details' }"
6580                                    tabindex="0" role="tab"
6581                                    aria-label="Details"
6582                                    :aria-selected="(activeTabsByVin['1HGCY1F38PA031127'] || 'details') === 'details'"
6583                                    aria-controls="tab-panel-details-1HGCY1F38PA031127"
6584                                    @click.stop.prevent="setActiveTab('details', '1HGCY1F38PA031127')"
6585                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1HGCY1F38PA031127')">
6586                                        Details
6587                                    </div>
6588                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1HGCY1F38PA031127'] || 'details') === 'payments' }"
6589                                tabindex="0" role="tab"
6590                                aria-label="Pricing"
6591                                :aria-selected="(activeTabsByVin['1HGCY1F38PA031127'] || 'details') === 'payments'"
6592                                aria-controls="tab-panel-payments-1HGCY1F38PA031127"
6593                                @click.stop.prevent="setActiveTab('payments', '1HGCY1F38PA031127')"
6594                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1HGCY1F38PA031127')">
6595                                    Pricing
6596                                </div>
6597                            </div>
6598
6599                            <div class="srp-tab-content">
6600                                <div :class="(activeTabsByVin['1HGCY1F38PA031127'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1HGCY1F38PA031127" aria-label="Details">
6601                                    <div class="vehicle-details-list">
6602
6603                                            <div class="details-item-row ">
6604                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
6605                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
6606                                                        <div id="copy_vin" class="d-inline">1HGCY1F38PA031127</div>
6607                                                    </div>
6608                                            </div>
6609
6610                                            <div class="details-item-row">
6611                                                <div class="details-item-label">Stock #</div>
6612                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6613                                                    <div id="copy_stock" class="d-inline">H27627A</div>
6614                                                </div>
6615                                            </div>
6616
6617                                        
6618
6619                                            <div class="details-item-row">
6620                                                <div class="details-item-label">Model Code</div>
6621                                                <div class="details-item-value">#</div>
6622                                            </div>
6623
6624                                            <div class="details-item-row">
6625                                                <div class="details-item-label">Exterior</div>
6626                                                <div class="details-item-value d-flex align-items-center">
6627                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Red; border-radius: 50%"></div>
6628                                                        <div class="ml-2">Radiant Red</div>
6629                                                </div>
6630                                            </div>
6631
6632                                            <div class="details-item-row">
6633                                                <div class="details-item-label">Interior</div>
6634                                                <div class="details-item-value d-flex align-items-center">
6635                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
6636                                                    <div class="ml-2 interior-word-break">Black</div>
6637                                                </div>
6638                                            </div>
6639
6640                                            <div class="details-item-row">
6641                                                <div class="details-item-label">Drivetrain</div>
6642                                                <div class="details-item-value">FWD</div>
6643                                            </div>
6644
6645                                            <div class="details-item-row">
6646                                                <div class="details-item-label">Engine</div>
6647                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 1.5 L/91</div>
6648                                            </div>
6649                                            <div class="details-item-row">
6650                                                <div class="details-item-label">Transmission</div>
6651                                                <div class="details-item-value">CVT</div>
6652                                            </div>
6653                                                <div class="details-item-row">
6654                                                    <div class="details-item-label">Mileage</div>
6655                                                    <div class="details-item-value">
665548,809 Miles</div>
6656                                                </div>
6657
6658                                    </div>
6659
6660                                </div>
6661                                <div :class="(activeTabsByVin['1HGCY1F38PA031127'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1HGCY1F38PA031127" aria-label="Pricing">
6662                                            <div class="msrppanel-label">
6663                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):showMsrp)'>
6664
6665
6666                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-21000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6667                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
6668                                                                                        
6669
6670<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
6671    Selling Price
6672</div>
6673<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$21,000</div>
6674
6675
6676                                                                                    </div>
6677                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
6678                                                                                                <div>
6679                                                                                                    Doc Fee
6680                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6681                                                                                                </div>
6682                                                                                                <div class="d-flex pl-2">
6683                                                                                                    &#x2B;$548
6684                                                                                                </div>
6685                                                                                            </div>
6686                                                                            <div id="1hgcy1f38pa031127-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6687                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
6688                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6689                                                                                </span>
6690                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1hgcy1f38pa031127-unlock-discount-price"></label></span>
6691                                                                            </div>
6692                                                                            <div id="1hgcy1f38pa031127-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
6693                                                                                <div class="mr-2" style="color:#000">
6694                                                                                    <sp
6694an id="1hgcy1f38pa031127-selling-price-label" class="p-0">Your Price</span>
6695                                                                                </div>
6696                                                                                <div id="1hgcy1f38pa031127-your-price-hide" class=" " style="color:#000">$21,548</div>
6697                                                                            </div>
6698                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
6699                                                                                <div class="mr-2" style="color:#000">
6700                                                                                    <span id="1hgcy1f38pa031127-selling-price-label" class="p-0">Your Price</span>
6701                                                                                </div>
6702                                                                                <div id="1hgcy1f38pa031127-your-price" class=" " style="color:#000">$21,548</div>
6703                                                                            </div>
6704
6705
6706
6707
6708                                                        <total-incentive-discount qualified-data=''
6709                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6710                                                                                :pricedata="{'msrp':'21000','yourPrice':'21548.0'}"
6711                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6712                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6713                                                    <div class="color-black ft-16 mt-1">
6714            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
6715                Disclosure
6716            </div>
6717</div>
6718
6719                                                </div>
6720
6721                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F38PA031127", "false"==="true"):!showMsrp )'>
6722                                                                    <div v-if="!unlockHideMsrp">
6723                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-21000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6724                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6725                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
6726                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$21,000</div>
6727                                                                        </div>
6728                                                                    </div>
6729
6730                                                </div>
6731                                            </div>
6732                                </div>
6733                            </div>
6734                        </div>
6735                        <div id="cta-params-1HGCY1F38PA031127"
6736                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:21548.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6737                        </div>
6738
6739                        <div>
6740
6741                            <vehicle-badges model="Accord Sedan"
6742                                            :current="'srp'"
6743                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
6744                                            :eyesight="''"
6745                                            :starlink="''"
6746                                            :von="''"
6747                                            :onorder="''"
6748                                            :vin="'1HGCY1F38PA031127'"
6749                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance'"
6750                                            :vehicle-badges-top-srp="'False'"
6751                                            :year="'2023'"
6752                                            :in-transit-background-color-srp="''"
6753                                            :in-transit-badge-color-srp="''"
6754                                            :in-production-background-color-srp="''"
6755                                            :in-production-badge-color-srp="''"
6756                                            @opendisclaimer="openDisclaimerPopup($event)">
6757                            </vehicle-badges>
6758
6759                                <div class="d-flex flex-wrap">
6760                                    
6761
6762
6763
6764
6765
6766
6767                                </div>
6768                        </div>
6769
6770
6771
6772                        <div class="d-flex flex-wrap srp-certified-img-section">
6773
6774
6775
6776                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/JMfQ9cqQpQU69O4cKot_8Yh2Xsbp4vxuQ8diwbo0gGSD1PQjgW98NOt5-H1dHAeU3cNEcP85fH7ZAdM_FK30Y2kR_d7-B1uv-ss')">
6777                                        <img src="https://partnerstatic.
6777carfax.com/img/valuebadge/1own_great.svg"
6778                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
6779                                    </div>
6780                                <div class="text-center third-party-payment-tool">
6781                                    <span data-cg-vin="1HGCY1F38PA031127" data-cg-price="21548.0"></span>
6782                                </div>
6783
6784
6785
6786
6787
6788                        </div>
6789
6790                        <div v-if="currentTheme == 'subaru'" class="mt-3">
6791                            <subaru-badge-new model="Accord Sedan"
6792                                            year="2023"
6793                                            make="Honda"
6794                                            type="Used"
6795                                            :current="'srp'"
6796                                            :transit="'False'"
6797                                            :eyesight="''"
6798                                            :starlink="''"
6799                                            :von="''"
6800                                            :onorder="''"
6801                                            :vin="'1HGCY1F38PA031127'"
6802                                            :hide-in-transit="'False'"
6803                                            :vehicle-badges-top-srp="'False'"
6804                                            :subaru-consumer-report-class="''"
6805                                            :in-transit-background-color-srp="''"
6806                                            :in-transit-badge-color-srp="''"
6807                                            >
6808                            </subaru-badge-new>
6809                        </div>
6810
6811                    </div>
6812                </div>
6813
6814
6815
6816            </div>
6817        </a>
6818        <template v-if="true">
6819            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
6820                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1HGCY1F38PA031127'" class="vehicle-data-overlay-container"
6821                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
6822                     @keydown.esc.prevent="closeDetailsOverlay()"
6823                     @keydown.tab="srpOverlayTrapFocus($event)">
6824                    <div class="vehicle-overlay-data">
6825                        <div class="srp-overlay-options">
6826                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6827                                <div class="d-flex align-items-center" style="gap: 20px;">
6828                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
6829                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
6830                                    <h3 class="mb-0">Options</h3>
6831                                </div>
6832                                <div>
6833                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
6834                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
6835                                </div>
6836                            </div>
6837
6838                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
6839                                <div class="overlay-nav-items px-3 pt-4">
6840                                    <div class="d-flex overlay-nav-item" tabindex="0"
6841                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F38PA031127', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F38PA031127', overlayType: '
6841share-options', label: 'Share' })">
6842                                        <em class="primaryicon-share-icon"></em>
6843                                        <span>Share</span>
6844                                    </div>
6845
6846                                        <div class="d-flex overlay-nav-item"
6847                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F38PA031127', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F38PA031127', overlayType: 'key-features', label: 'Key Features' })">
6848                                            <em class="primaryicon-key-features-icon"></em>
6849                                            <span>Key Features</span>
6850                                        </div>
6851                                        <div class="d-flex overlay-nav-item"
6852                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1HGCY1F38PA031127")' @keydown.enter.space.prevent='openChatAssistant("1HGCY1F38PA031127")'>
6853                                            <em class="primaryicon-assistant-icon"></em>
6854                                            <span>Ask Us Anything</span>
6855                                        </div>
6856                                </div>
6857
6858                                <div class="pt-4 px-3 mt-3">
6859                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance")' target="_self"
6860                                        @keydown.space.prevent="$event.currentTarget.click()"
6861                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
6862                                        View Details
6863                                    </a>
6864                                </div>
6865                            </div>
6866                        </div>
6867                    </div>
6868                </div>
6869            </transition>
6870            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
6871                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1HGCY1F38PA031127'"
6872                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
6873                     @keydown.esc.prevent="navigateToDetailsOverlay()"
6874                     @keydown.tab="srpOverlayTrapFocus($event)">
6875                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6876                        <div class="d-flex align-items-center" style="gap: 20px;">
6877                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
6878                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
6879                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
6880                        </div>
6881                        <div>
6882                            <em class="primaryicon-close-icon-gray"
6883                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
6884                        </div>
6885                    </div>
6886                    <div class="mt-3 pt-4 overlay-section-links">
6887                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
6888                        <template v-if="!isLoadingOverlayDetails">
6889                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
6890                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car?type=finance" vehicle-name="Used 2023 Honda Accord Sedan EX" :page-type-id="18" :style-id="0" class="overlay-section-content"></share-options>
6891                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
6892                        </template>
6893                    </div>
6894                </div>
6895            </transition>
6896        </template>
6897    </div>
6898        
6898<script type="application/javascript">
6899
6900            var rebatesString = "[]";
6901            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
6902            localStorage.setItem("3VW7W7BU5TM012178-rebates", formattedRebatesString);
6903
6904        </script>
6904
6905<div data-itemid="Volkswagen-Jetta-SE-3VW7W7BU5TM012178" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
6906        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "3VW7W7BU5TM012178", "https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "6",msrp:"22500",yourPrice:"23048.0",sellingPrice:"22500",type:"Used",title:`2026 Volkswagen Jetta SE`},"false"==="true"), setVintoTransact("3VW7W7BU5TM012178", $event,{styleId:"478602"})'
6907        @mouseleave="clearMouseHoverValue()"
6908        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
6909        used-large-box" style="height: 100%;">
6910
6911            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
6912                <div class="position-relative">
6913                    <div class="srp-top-badges">
6914                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
6915                            <div class="d-flex align-items-center gap-10">
6916                                            <div class="specials-indicator-wrapper">
6917                                                <inventory-specials-indicator
6918                                                bg-color="#9D0026 !important"
6919                                                text="Today&#x27;s Special">
6920                                                </inventory-specials-indicator>
6921                                            </div>
6922                            </div>
6923                        </div>
6924
6925                    </div>
6926
6927
6928                    <div id="EZ360_CVDP"></div>
6929
6930                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
6931                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VW7W7BU5TM012178'" class="vehicle-box__image">
6932                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/e1d0ee6a89054b0ca5e41b10e2bc9f0d.jpg" class="img-fluid srp-vehiclebox-image"
6933                                    title="2026 Volkswagen Jetta SE" alt="2026 Volkswagen Jetta SE" />
6934
6935                        </div>
6936
6937                        <div class="dp-srp-evox-media-3VW7W7BU5TM012178" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VW7W7BU5TM012178'"></div>
6938
6939                        <div class="vehicle-info-icon">
6940                            <em
6941                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VW7W7BU5TM012178')"
6942                            class="primaryicon-options-btn-new info-icon-css"
6943                            data-vin="3VW7W7BU5TM012178"
6944                            tabindex="0"
6945                            role="button"
6946                            aria-label="Vehicle info"
6947                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VW7W7BU5TM012178')"
6948                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VW7W7BU5TM012178')"
6949                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
6950                        </div>
6951                    </div>
6952
6953
6954                    <div class="vehiclebox-info-section p-3">
6955                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
6956                            <div class="d-flex">
6957                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
6958                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
6959                                        2026 Volkswagen Jetta SE
6960                                    </h2>
6961                                </div>
6962                            </div>
6963                        </div>
6964
6965                        <div class="vehicle-summary-section mt-3 ">
6966                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
6967                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
6968            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):showMsrp)'>
6969                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
6970                                            <div class="mr-2" style="color:#000">
6971                                                <span id="3vw7w7bu5tm012178-price-summary-label">Your Price</span>
6972                                            </div>
6973                                            <div id="3vw7w7bu5tm012178-price-summary-value" class=" " style="color:#000">$23,048</div>
6974                                        </div>
6975
6976            </div>
6977            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):!showMsrp )'>
6978                                <div v-if="!unlockHideMsrp">
6979                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
6980                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
6981                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,500</div>
6982                                    </div>
6983                                </div>
6984
6985            </div>
6986        </div>
6987
6988                            </div>
6989
6990                                <template v-if="true">
6991                                    <div class="vehicle-summary-cta flex-1">
6992                                        <object>
6993                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
6994                <a v-if="applySecondaryDesign" href=""
6995                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
6996                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
6997                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6998                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
6999                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
7000                <a v-else href=""
7001                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
7002                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7003                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7004                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7005                   @mouseover="onCTABtnHover('', '', '', $event)">
7006                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
7007                    60-Second Quote
7008                </a>
7009            </div>
7010
7011                                        </object>
7012                                    </div>
7013                                </template>
7014                        </div>
7015<div class="color-black ft-16 mt-1">
7016            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
7017                Disclosure
7018            </div>
7019</div>
7020
7021
7022                        <div class="show section-separator my-4"></div>
7023
7024
7025                            <template v-if="true">
7026                                <object>
7027                                    <div class="app-level-cta-container">
7028
7029
7030
7031
7032
7033
7034
7035                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VW7W7BU5TM012178","false"==="true"))' class="primary-button-parent">
7036                                                    <a :style="ctaBtnStyles"
7037                                                     tabindex="0" role="button"
7038                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance", "3VW7W7BU5TM012178", "Used")'
7039                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance", "3VW7W7BU5TM012178", "Used")'
7040                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
7041                                                        {{inventorySettings.data.buttonLabel}}
7042                                                    </a>
7043                                                 </div>
7044                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
7045                                                                    <a v-if="applySecondaryDesign" href=""
7046                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
7047                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7048                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7049                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7050                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7051                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
7052                                                                    <a v-else href=""
7053                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
7054                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7055                                                                        @click.prevent="
7056                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7057                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7058                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7059                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7060                                                                        Ask A Question
7061                                                                    </a>
7062                                                                </div>
7063                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
7064                                                                    <a v-if="applySecondary
7064Design" href=""
7065                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
7066                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7067                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7068                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7069                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
7070                                                                    <a v-else href=""
7071                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
7072                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7073                                                                        @click.prevent="
7074                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VW7W7BU5TM012178&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50039&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7075                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7076                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7077                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
7078                                                                        Value My Trade
7079                                                                    </a>
7080                                                                </div>
7081
7082
7083
7084                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
7085                                                <a tabindex="0"
7086                                                role="button"
7087                                                @click.prevent='openSoftPullModel("0", "3VW7W7BU5TM012178", "0", "2026", "Volkswagen", "Jetta", "SE", "59998", "Used","", $event)'
7088                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3VW7W7BU5TM012178", "0", "2026", "Volkswagen", "Jetta", "SE", "59998", "Used","", $event)'
7089                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
7090                                                style="background-color: #000000 !important; color: #FFFFFF !important"
7091                                                @mouseover="updateStyles($event, '','','')"
7092                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
7093                                                >
7094                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
7095                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
7096                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
7097                                                </a>
7098                                            </div>
7099
7100                                    </div>
7101                                </object>
7102                            </template>
7103
7104                            <div class="mt-3">
7105
7106
7107                                <div class="inventory-btns" style="width:100%;" v-cloak>
7108
7109
7110                                    <object class="d-flex flex-column primary-inventory-btn-group">
7111                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7112                                        <div class="pi-pullup-container"></div>
7113                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7114
7115                                        <div class="dvs_vin_btn" vin="3VW7W7BU5TM012178"></div>
7116
7117
7118
7119
7120
7121
7122                                    </object>
7123
7124
7125
7126
7127
7128
7129
7130
7131
7132                                    
7133
7134
7135
7136
7137
7138
7139
7140
7141
7142                                </div>
7143
7144
7145
7146
7147
7148
7149                            </div>
7150
7151                            <active-engage-widget v-if="isEnableActivEngageSrp"
7152                                                custom-class="py-2 ft-12"></active-engage-widget>
7153                        <div class="srp-tabs-section mt-3">
7154                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
7155                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VW7W7BU5TM012178'] || 'details') === 'details' }"
7156                                    tabindex="0" role="tab"
7157                                    aria-label="Details"
7158                                    :aria-selected="(activeTabsByVin['3VW7W7BU5TM012178'] || 'details') === 'details'"
7159                                    aria-controls="tab-panel-details-3VW7W7BU5TM012178"
7160                                    @click.stop.prevent="setActiveTab('details', '3VW7W7BU5TM012178')"
7161                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VW7W7BU5TM012178')">
7162                                        Details
7163                                    </div>
7164                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VW7W7BU5TM012178'] || 'details') === 'payments' }"
7165                                tabindex="0" role="tab"
7166                                aria-label="Pricing"
7167                                :aria-selected="(activeTabsByVin['3VW7W7BU5TM012178'] || 'details') === 'payments'"
7168                                aria-controls="tab-panel-payments-3VW7W7BU5TM012178"
7169                                @click.stop.prevent="setActiveTab('payments', '3VW7W7BU5TM012178')"
7170                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VW7W7BU5TM012178')">
7171                                    Pricing
7172                                </div>
7173                            </div>
7174
7175                            <div class="srp-tab-content">
7176                                <div :class="(activeTabsByVin['3VW7W7BU5TM012178'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VW7W7BU5TM012178" aria-label="Details">
7177                                    <div class="vehicle-details-list">
7178
7179                                            <div class="details-item-row ">
7180                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
7181                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
7182                                                        <div id="copy_vin" class="d-inline">3VW7W7BU5TM012178</div>
7183                                                    </div>
7184                                            </div>
7185
7186                                            <div class="details-item-row">
7187                                                <div class="details-item-label">Stock #</div>
7188                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
7189                                                    <div id="copy_stock" class="d-inline">VV50039</div>
7190                                                </div>
7191                                            </div>
7192
7193                                        
7194
7195                                            <div class="details-item-row">
7196                                                <div class="details-item-label">Model Code</div>
7197                                                <div class="details-item-value">#BU53RS</div>
7198                                            </div>
7199
7200                                            <div class="details-item-row">
7201                                                <div class="details-item-label">Exterior</div>
7202                                                <div class="details-item-value d-flex align-items-center">
7203                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #A1A09D; border-radius: 50%"></div>
7204                                                        <div class="ml-2">Pyrite Silver Metallic</div>
7205                                                </div>
7206                                            </div>
7207
7208                                            <div class="details-item-row">
7209                                                <div class="details-item-label">Interior</div>
7210                                                <div class="details-item-value d-flex align-items-center">
7211                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
7212                                                    <div class="ml-2 interior-word-break">Titan Black</div>
7213                                                </div>
7214                                            </div>
7215
7216                                            <div class="details-item-row">
7217                                                <div class="details-item-label">Drivetrain</div>
7218                                                <div class="details-item-value">FWD</div>
7219                                            </div>
7220
7221                                            <div class="details-item-row">
7222                                                <div class="details-item-label">Engine</div>
7223                                                        <div class="details-item-value">Intercooled Turbo Regular Gasoline I-4 1.5 L/91</div>
7224                                            </div>
7225                                            <div class="details-item-row">
7226                                                <div class="details-item-label">Transmission</div>
7227                                                <div class="details-item-value">Automatic</div>
7228                                            </div>
7229                                                <div class="details-item-row">
7230                                                    <div class="details-item-label">Mileage</div>
7231                                                    <div class="details-item-value">9,925 Miles</div>
7232                                                </div>
7233
7234                                    </div>
7235
7236                                </div>
7237                                <div :class="(activeTabsByVin['3VW7W7BU5TM012178'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VW7W7BU5TM012178" aria-label="Pricing">
7238                                            <div class="msrppanel-label">
7239                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):showMsrp)'>
7240
7241
7242                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22500' :sh
7242owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7243                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
7244                                                                                        
7245
7246<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
7247    Selling Price
7248</div>
7249<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$22,500</div>
7250
7251
7252                                                                                    </div>
7253                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
7254                                                                                                <div>
7255                                                                                                    Doc Fee
7256                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
7257                                                                                                </div>
7258                                                                                                <div class="d-flex pl-2">
7259                                                                                                    &#x2B;$548
7260                                                                                                </div>
7261                                                                                            </div>
7262                                                                            <div id="3vw7w7bu5tm012178-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
7263                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
7264                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
7265                                                                                </span>
7266                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vw7w7bu5tm012178-unlock-discount-price"></label></span>
7267                                                                            </div>
7268                                                                            <div id="3vw7w7bu5tm012178-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
7269                                                                                <div class="mr-2" style="color:#000">
7270                                                                                    <span id="3vw7w7bu5tm012178-selling-price-label" class="p-0">Your Price</span>
7271                                                                                </div>
7272                                                                                <div id="3vw7w7bu5tm012178-your-price-hide" class=" " style="color:#000">$23,048</div>
7273                                                                            </div>
7274                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
7275                                                                                <div class="mr-2" style="color:#000">
7276                                                                                    <sp
7276an id="3vw7w7bu5tm012178-selling-price-label" class="p-0">Your Price</span>
7277                                                                                </div>
7278                                                                                <div id="3vw7w7bu5tm012178-your-price" class=" " style="color:#000">$23,048</div>
7279                                                                            </div>
7280
7281
7282
7283
7284                                                        <total-incentive-discount qualified-data=''
7285                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
7286                                                                                :pricedata="{'msrp':'22500','yourPrice':'23048.0'}"
7287                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
7288                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
7289                                                    <div class="color-black ft-16 mt-1">
7290            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
7291                Disclosure
7292            </div>
7293</div>
7294
7295                                                </div>
7296
7297                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VW7W7BU5TM012178", "false"==="true"):!showMsrp )'>
7298                                                                    <div v-if="!unlockHideMsrp">
7299                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7300                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
7301                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
7302                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,500</div>
7303                                                                        </div>
7304                                                                    </div>
7305
7306                                                </div>
7307                                            </div>
7308                                </div>
7309                            </div>
7310                        </div>
7311                        <div id="cta-params-3VW7W7BU5TM012178"
7312                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:23048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
7313                        </div>
7314
7315                        <div>
7316
7317                            <vehicle-badges model="Jetta"
7318                                            :current="'srp'"
7319                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
7320                                            :eyesight="''"
7321                                            :starlink="''"
7322                                            :von="''"
7323                                            :onorder="''"
7324                                            :vin="'3VW7W7BU5TM012178'"
7325                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance'"
7326                                            :vehicle-badges-top-srp="'False'"
7327                                            :year="'2026'"
7328                                            :in-transit-background-color-srp="''"
7329                                            :in-transit-badge-color-srp="''"
7330                                            :in-production-background-color-srp="''"
7331                                            :in-production-badge-color-srp="''"
7332                                            @opendisclaimer="openDisclaimerPopup($event)">
7333                            </vehicle-badges>
7334
7335                                <div class="d-flex flex-wrap">
7336                                    
7337
7338
7339
7340
7341
7342
7343                                </div>
7344                        </div>
7345
7346
7347
7348                        <div class="d-flex flex-wrap srp-certified-img-section">
7349
7350
7351
7352                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/BJAAESurS9-4TIdadUxVKJV_rQqWBTSHcaCWAnKBW9xItdC0WIm7glMDagPOvVGVDqqhSyNYhHuj5a6Q2DCoPwt9XtQc19xacc8')">
7353                                        <img src="https://partnerstatic.
7353carfax.com/img/valuebadge/1own_great.svg"
7354                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
7355                                    </div>
7356                                <div class="text-center third-party-payment-tool">
7357                                    <span data-cg-vin="3VW7W7BU5TM012178" data-cg-price="23048.0"></span>
7358                                </div>
7359
7360
7361
7362
7363
7364                        </div>
7365
7366                        <div v-if="currentTheme == 'subaru'" class="mt-3">
7367                            <subaru-badge-new model="Jetta"
7368                                            year="2026"
7369                                            make="Volkswagen"
7370                                            type="Used"
7371                                            :current="'srp'"
7372                                            :transit="'False'"
7373                                            :eyesight="''"
7374                                            :starlink="''"
7375                                            :von="''"
7376                                            :onorder="''"
7377                                            :vin="'3VW7W7BU5TM012178'"
7378                                            :hide-in-transit="'False'"
7379                                            :vehicle-badges-top-srp="'False'"
7380                                            :subaru-consumer-report-class="''"
7381                                            :in-transit-background-color-srp="''"
7382                                            :in-transit-badge-color-srp="''"
7383                                            >
7384                            </subaru-badge-new>
7385                        </div>
7386
7387                    </div>
7388                </div>
7389
7390
7391
7392            </div>
7393        </a>
7394        <template v-if="true">
7395            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
7396                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VW7W7BU5TM012178'" class="vehicle-data-overlay-container"
7397                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
7398                     @keydown.esc.prevent="closeDetailsOverlay()"
7399                     @keydown.tab="srpOverlayTrapFocus($event)">
7400                    <div class="vehicle-overlay-data">
7401                        <div class="srp-overlay-options">
7402                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7403                                <div class="d-flex align-items-center" style="gap: 20px;">
7404                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
7405                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
7406                                    <h3 class="mb-0">Options</h3>
7407                                </div>
7408                                <div>
7409                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
7410                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
7411                                </div>
7412                            </div>
7413
7414                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
7415                                <div class="overlay-nav-items px-3 pt-4">
7416                                    <div class="d-flex overlay-nav-item" tabindex="0"
7417                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VW7W7BU5TM012178', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VW7W7BU5TM012178', overlayType: '
7417share-options', label: 'Share' })">
7418                                        <em class="primaryicon-share-icon"></em>
7419                                        <span>Share</span>
7420                                    </div>
7421
7422                                        <div class="d-flex overlay-nav-item"
7423                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VW7W7BU5TM012178', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VW7W7BU5TM012178', overlayType: 'key-features', label: 'Key Features' })">
7424                                            <em class="primaryicon-key-features-icon"></em>
7425                                            <span>Key Features</span>
7426                                        </div>
7427                                        <div class="d-flex overlay-nav-item"
7428                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VW7W7BU5TM012178")' @keydown.enter.space.prevent='openChatAssistant("3VW7W7BU5TM012178")'>
7429                                            <em class="primaryicon-assistant-icon"></em>
7430                                            <span>Ask Us Anything</span>
7431                                        </div>
7432                                </div>
7433
7434                                <div class="pt-4 px-3 mt-3">
7435                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance")' target="_self"
7436                                        @keydown.space.prevent="$event.currentTarget.click()"
7437                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
7438                                        View Details
7439                                    </a>
7440                                </div>
7441                            </div>
7442                        </div>
7443                    </div>
7444                </div>
7445            </transition>
7446            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
7447                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VW7W7BU5TM012178'"
7448                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
7449                     @keydown.esc.prevent="navigateToDetailsOverlay()"
7450                     @keydown.tab="srpOverlayTrapFocus($event)">
7451                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7452                        <div class="d-flex align-items-center" style="gap: 20px;">
7453                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
7454                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
7455                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
7456                        </div>
7457                        <div>
7458                            <em class="primaryicon-close-icon-gray"
7459                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
7460                        </div>
7461                    </div>
7462                    <div class="mt-3 pt-4 overlay-section-links">
7463                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
7464                        <template v-if="!isLoadingOverlayDetails">
7465                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
7466                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car?type=finance" vehicle-name="Used 202
74666 Volkswagen Jetta SE" :page-type-id="18" :style-id="478602" class="overlay-section-content"></share-options>
7467                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
7468                        </template>
7469                    </div>
7470                </div>
7471            </transition>
7472        </template>
7473    </div>
7474        
7474<script type="application/javascript">
7475
7476            var rebatesString = "[]";
7477            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
7478            localStorage.setItem("1N4BL4CV0PN416681-rebates", formattedRebatesString);
7479
7480        </script>
7480
7481<div data-itemid="Nissan-Altima-2.5 SR-1N4BL4CV0PN416681" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
7482        <a href="https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "1N4BL4CV0PN416681", "https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "7",msrp:"20000",yourPrice:"20548.0",sellingPrice:"20000",type:"Used",title:`2023 Nissan Altima 2.5 SR`},"false"==="true"), setVintoTransact("1N4BL4CV0PN416681", $event,{styleId:"430013"})'
7483        @mouseleave="clearMouseHoverValue()"
7484        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
7485        used-large-box" style="height: 100%;">
7486
7487            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
7488                <div class="position-relative">
7489                    <div class="srp-top-badges">
7490                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
7491                            <div class="d-flex align-items-center gap-10">
7492                                            <div class="specials-indicator-wrapper">
7493                                                <inventory-specials-indicator
7494                                                bg-color="#9D0026 !important"
7495                                                text="Today&#x27;s Special">
7496                                                </inventory-specials-indicator>
7497                                            </div>
7498                            </div>
7499                        </div>
7500
7501                    </div>
7502
7503
7504                    <div id="EZ360_CVDP"></div>
7505
7506                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
7507                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1N4BL4CV0PN416681'" class="vehicle-box__image">
7508                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/69cc21c0c0374421ab1869e444731ca1.jpg" class="img-fluid srp-vehiclebox-image"
7509                                    title="2023 Nissan Altima 2.5 SR" alt="2023 Nissan Altima 2.5 SR" />
7510
7511                        </div>
7512
7513                        <div class="dp-srp-evox-media-1N4BL4CV0PN416681" v-show="currentHoveredBlock === 'dp-srp-evox-media-1N4BL4CV0PN416681'"></div>
7514
7515                        <div class="vehicle-info-icon">
7516                            <em
7517                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1N4BL4CV0PN416681')"
7518                            class="primaryicon-options-btn-new info-icon-css"
7519                            data-vin="1N4BL4CV0PN416681"
7520                            tabindex="0"
7521                            role="button"
7522                            aria-label="Vehicle info"
7523                            @click.stop.prevent="openVehicleInfoOverlay($event, '1N4BL4CV0PN416681')"
7524                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1N4BL4CV0PN416681')"
7525                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
7526                        </div>
7527                    </div>
7528
7529
7530                    <div class="vehiclebox-info-section p-3">
7531                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
7532                            <div class="d-flex">
7533                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
7534                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
7535                                        2023 Nissan Altima 2.5 SR
7536                                    </h2>
7537                                </div>
7538                            </div>
7539                        </div>
7540
7541                        <div class="vehicle-summary-section mt-3 ">
7542                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
7543                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
7544            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):showMsrp)'>
7545                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
7546                                            <div class="mr-2" style="color:#000">
7547                                                <span id="1n4bl4cv0pn416681-price-summary-label">Your Price</span>
7548                                            </div>
7549                                            <div id="1n4bl4cv0pn416681-price-summary-value" class=" " style="color:#000">$20,548</div>
7550                                        </div>
7551
7552            </div>
7553            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):!showMsrp )'>
7554                                <div v-if="!unlockHideMsrp">
7555                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
7556                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
7557                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,000</div>
7558                                    </div>
7559                                </div>
7560
7561            </div>
7562        </div>
7563
7564                            </div>
7565
7566                                <template v-if="true">
7567                                    <div class="vehicle-summary-cta flex-1">
7568                                        <object>
7569                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
7570                <a v-if="applySecondaryDesign" href=""
7571                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
7572                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7573                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7574                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7575                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
7576                <a v-else href=""
7577                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
7578                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7579                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7580                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7581                   @mouseover="onCTABtnHover('', '', '', $event)">
7582                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
7583                    60-Second Quote
7584                </a>
7585            </div>
7586
7587                                        </object>
7588                                    </div>
7589                                </template>
7590                        </div>
7591<div class="color-black ft-16 mt-1">
7592            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
7593                Disclosure
7594            </div>
7595</div>
7596
7597
7598                        <div class="show section-separator my-4"></div>
7599
7600
7601                            <template v-if="true">
7602                                <object>
7603                                    <div class="app-level-cta-container">
7604
7605
7606
7607
7608
7609
7610
7611                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1N4BL4CV0PN416681","false"==="true"))' class="primary-button-parent">
7612                                                    <a :style="ctaBtnStyles"
7613                                                     tabindex="0" role="button"
7614                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance", "1N4BL4CV0PN416681", "Used")'
7615                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance", "1N4BL4CV0PN416681", "Used")'
7616                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
7617                                                        {{inventorySettings.data.buttonLabel}}
7618                                                    </a>
7619                                                 </div>
7620                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
7621                                                                    <a v-if="applySecondaryDesign" href=""
7622                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
7623                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7624                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7625                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7626                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7627                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
7628                                                                    <a v-else href=""
7629                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
7630                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7631                                                                        @click.prevent="
7632                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7633                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7634                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7635                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7636                                                                        Ask A Question
7637                                                                    </a>
7638                                                                </div>
7639                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
7640                                                                    <a v-if="applySecondary
7640Design" href=""
7641                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
7642                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7643                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7644                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7645                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
7646                                                                    <a v-else href=""
7647                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
7648                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
7649                                                                        @click.prevent="
7650                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1N4BL4CV0PN416681&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Nissan&quot;,&quot;model&quot;:&quot;Altima&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27349A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7651                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
7652                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7653                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
7654                                                                        Value My Trade
7655                                                                    </a>
7656                                                                </div>
7657
7658
7659
7660                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
7661                                                <a tabindex="0"
7662                                                role="button"
7663                                                @click.prevent='openSoftPullModel("0", "1N4BL4CV0PN416681", "0", "2023", "Nissan", "Altima", "2.5 SR", "59998", "Used","", $event)'
7664                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1N4BL4CV0PN416681", "0", "2023", "Nissan", "Altima", "2.5 SR", "59998", "Used","", $event)'
7665                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
7666                                                style="background-color: #000000 !important; color: #FFFFFF !important"
7667                                                @mouseover="updateStyles($event, '','','')"
7668                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
7669                                                >
7670                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
7671                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
7672                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
7673                                                </a>
7674                                            </div>
7675
7676                                    </div>
7677                                </object>
7678                            </template>
7679
7680                            <div class="mt-3">
7681
7682
7683                                <div class="inventory-btns" style="width:100%;" v-cloak>
7684
7685
7686                                    <object class="d-flex flex-column primary-inventory-btn-group">
7687                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7688                                        <div class="pi-pullup-container"></div>
7689                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7690
7691                                        <div class="dvs_vin_btn" vin="1N4BL4CV0PN416681"></div>
7692
7693
7694
7695
7696
7697
7698                                    </object>
7699
7700
7701
7702
7703
7704
7705
7706
7707
7708                                    
7709
7710
7711
7712
7713
7714
7715
7716
7717
7718                                </div>
7719
7720
7721
7722
7723
7724
7725                            </div>
7726
7727                            <active-engage-widget v-if="isEnableActivEngageSrp"
7728                                                custom-class="py-2 ft-12"></active-engage-widget>
7729                        <div class="srp-tabs-section mt-3">
7730                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
7731                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1N4BL4CV0PN416681'] || 'details') === 'details' }"
7732                                    tabindex="0" role="tab"
7733                                    aria-label="Details"
7734                                    :aria-selected="(activeTabsByVin['1N4BL4CV0PN416681'] || 'details') === 'details'"
7735                                    aria-controls="tab-panel-details-1N4BL4CV0PN416681"
7736                                    @click.stop.prevent="setActiveTab('details', '1N4BL4CV0PN416681')"
7737                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1N4BL4CV0PN416681')">
7738                                        Details
7739                                    </div>
7740                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1N4BL4CV0PN416681'] || 'details') === 'payments' }"
7741                                tabindex="0" role="tab"
7742                                aria-label="Pricing"
7743                                :aria-selected="(activeTabsByVin['1N4BL4CV0PN416681'] || 'details') === 'payments'"
7744                                aria-controls="tab-panel-payments-1N4BL4CV0PN416681"
7745                                @click.stop.prevent="setActiveTab('payments', '1N4BL4CV0PN416681')"
7746                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1N4BL4CV0PN416681')">
7747                                    Pricing
7748                                </div>
7749                            </div>
7750
7751                            <div class="srp-tab-content">
7752                                <div :class="(activeTabsByVin['1N4BL4CV0PN416681'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1N4BL4CV0PN416681" aria-label="Details">
7753                                    <div class="vehicle-details-list">
7754
7755                                            <div class="details-item-row ">
7756                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
7757                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
7758                                                        <div id="copy_vin" class="d-inline">1N4BL4CV0PN416681</div>
7759                                                    </div>
7760                                            </div>
7761
7762                                            <div class="details-item-row">
7763                                                <div class="details-item-label">Stock #</div>
7764                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
7765                                                    <div id="copy_stock" class="d-inline">H27349A</div>
7766                                                </div>
7767                                            </div>
7768
7769                                        
7770
7771                                            <div class="details-item-row">
7772                                                <div class="details-item-label">Model Code</div>
7773                                                <div class="details-item-value">#13513</div>
7774                                            </div>
7775
7776                                            <div class="details-item-row">
7777                                                <div class="details-item-label">Exterior</div>
7778                                                <div class="details-item-value d-flex align-items-center">
7779                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #050505; border-radius: 50%"></div>
7780                                                        <div class="ml-2">Super Black</div>
7781                                                </div>
7782                                            </div>
7783
7784                                            <div class="details-item-row">
7785                                                <div class="details-item-label">Interior</div>
7786                                                <div class="details-item-value d-flex align-items-center">
7787                                                    <div class="ml-2 interior-word-break">Sport</div>
7788                                                </div>
7789                                            </div>
7790
7791                                            <div class="details-item-row">
7792                                                <div class="details-item-label">Drivetrain</div>
7793                                                <div class="details-item-value">FWD</div>
7794                                            </div>
7795
7796                                            <div class="details-item-row">
7797                                                <div class="details-item-label">Engine</div>
7798                                                        <div class="details-item-value">Regular Unleaded I-4 2.5 L/152</div>
7799                                            </div>
7800                                            <div class="details-item-row">
7801                                                <div class="details-item-label">Transmission</div>
7802                                                <div class="details-item-value">CVT</div>
7803                                            </div>
7804                                                <div class="details-item-row">
7805                                                    <div class="details-item-label">Mileage</div>
7806                                                    <div class="details-item-value">31,810 Miles</div>
7807                                                </div>
7808
7809                                    </div>
7810
7811                                </div>
7812                                <div :class="(activeTabsByVin['1N4BL4CV0PN416681'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1N4BL4CV0PN416681" aria-label="Pricing">
7813                                            <div class="msrppanel-label">
7814                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):showMsrp)'>
7815
7816
7817                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20000' :sh
7817owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7818                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
7819                                                                                        
7820
7821<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
7822    Selling Price
7823</div>
7824<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$20,000</div>
7825
7826
7827                                                                                    </div>
7828                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
7829                                                                                                <div>
7830                                                                                                    Doc Fee
7831                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
7832                                                                                                </div>
7833                                                                                                <div class="d-flex pl-2">
7834                                                                                                    &#x2B;$548
7835                                                                                                </div>
7836                                                                                            </div>
7837                                                                            <div id="1n4bl4cv0pn416681-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
7838                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
7839                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
7840                                                                                </span>
7841                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1n4bl4cv0pn416681-unlock-discount-price"></label></span>
7842                                                                            </div>
7843                                                                            <div id="1n4bl4cv0pn416681-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
7844                                                                                <div class="mr-2" style="color:#000">
7845                                                                                    <span id="1n4bl4cv0pn416681-selling-price-label" class="p-0">Your Price</span>
7846                                                                                </div>
7847                                                                                <div id="1n4bl4cv0pn416681-your-price-hide" class=" " style="color:#000">$20,548</div>
7848                                                                            </div>
7849                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
7850                                                                                <div class="mr-2" style="color:#000">
7851                                                                                    <sp
7851an id="1n4bl4cv0pn416681-selling-price-label" class="p-0">Your Price</span>
7852                                                                                </div>
7853                                                                                <div id="1n4bl4cv0pn416681-your-price" class=" " style="color:#000">$20,548</div>
7854                                                                            </div>
7855
7856
7857
7858
7859                                                        <total-incentive-discount qualified-data=''
7860                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
7861                                                                                :pricedata="{'msrp':'20000','yourPrice':'20548.0'}"
7862                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
7863                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
7864                                                    <div class="color-black ft-16 mt-1">
7865            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
7866                Disclosure
7867            </div>
7868</div>
7869
7870                                                </div>
7871
7872                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1N4BL4CV0PN416681", "false"==="true"):!showMsrp )'>
7873                                                                    <div v-if="!unlockHideMsrp">
7874                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7875                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
7876                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
7877                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,000</div>
7878                                                                        </div>
7879                                                                    </div>
7880
7881                                                </div>
7882                                            </div>
7883                                </div>
7884                            </div>
7885                        </div>
7886                        <div id="cta-params-1N4BL4CV0PN416681"
7887                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:20548.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
7888                        </div>
7889
7890                        <div>
7891
7892                            <vehicle-badges model="Altima"
7893                                            :current="'srp'"
7894                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
7895                                            :eyesight="''"
7896                                            :starlink="''"
7897                                            :von="''"
7898                                            :onorder="''"
7899                                            :vin="'1N4BL4CV0PN416681'"
7900                                            :route="'https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance'"
7901                                            :vehicle-badges-top-srp="'False'"
7902                                            :year="'2023'"
7903                                            :in-transit-background-color-srp="''"
7904                                            :in-transit-badge-color-srp="''"
7905                                            :in-production-background-color-srp="''"
7906                                            :in-production-badge-color-srp="''"
7907                                            @opendisclaimer="openDisclaimerPopup($event)">
7908                            </vehicle-badges>
7909
7910                                <div class="d-flex flex-wrap">
7911                                    
7912
7913
7914
7915
7916
7917
7918                                </div>
7919                        </div>
7920
7921
7922
7923                        <div class="d-flex flex-wrap srp-certified-img-section">
7924
7925
7926                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
7927                                            <img src="https://www.commonwealthnissan.com/themes/Nissan/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
7928                                        </div>
7929
7930                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/L52N6A1tCH_BNTcb6oSRtXkripk_WN_L7BfIR9vd_sCi4Dnxgb_Keu8cXW2E6k7_G0eX2VrbnQMF5emqO0iMkQ04BCx_IzUytNo')">
7931                                        <img src="https://partnerstatic.
7931carfax.com/img/valuebadge/1own_great.svg"
7932                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
7933                                    </div>
7934                                <div class="text-center third-party-payment-tool">
7935                                    <span data-cg-vin="1N4BL4CV0PN416681" data-cg-price="20548.0"></span>
7936                                </div>
7937
7938
7939
7940
7941
7942                        </div>
7943
7944                        <div v-if="currentTheme == 'subaru'" class="mt-3">
7945                            <subaru-badge-new model="Altima"
7946                                            year="2023"
7947                                            make="Nissan"
7948                                            type="Used"
7949                                            :current="'srp'"
7950                                            :transit="'False'"
7951                                            :eyesight="''"
7952                                            :starlink="''"
7953                                            :von="''"
7954                                            :onorder="''"
7955                                            :vin="'1N4BL4CV0PN416681'"
7956                                            :hide-in-transit="'False'"
7957                                            :vehicle-badges-top-srp="'False'"
7958                                            :subaru-consumer-report-class="''"
7959                                            :in-transit-background-color-srp="''"
7960                                            :in-transit-badge-color-srp="''"
7961                                            >
7962                            </subaru-badge-new>
7963                        </div>
7964
7965                    </div>
7966                </div>
7967
7968
7969
7970            </div>
7971        </a>
7972        <template v-if="true">
7973            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
7974                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1N4BL4CV0PN416681'" class="vehicle-data-overlay-container"
7975                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
7976                     @keydown.esc.prevent="closeDetailsOverlay()"
7977                     @keydown.tab="srpOverlayTrapFocus($event)">
7978                    <div class="vehicle-overlay-data">
7979                        <div class="srp-overlay-options">
7980                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7981                                <div class="d-flex align-items-center" style="gap: 20px;">
7982                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
7983                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
7984                                    <h3 class="mb-0">Options</h3>
7985                                </div>
7986                                <div>
7987                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
7988                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
7989                                </div>
7990                            </div>
7991
7992                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
7993                                <div class="overlay-nav-items px-3 pt-4">
7994                                    <div class="d-flex overlay-nav-item" tabindex="0"
7995                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1N4BL4CV0PN416681', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1N4BL4CV0PN416681', overlayType: '
7995share-options', label: 'Share' })">
7996                                        <em class="primaryicon-share-icon"></em>
7997                                        <span>Share</span>
7998                                    </div>
7999
8000                                        <div class="d-flex overlay-nav-item"
8001                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1N4BL4CV0PN416681', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1N4BL4CV0PN416681', overlayType: 'key-features', label: 'Key Features' })">
8002                                            <em class="primaryicon-key-features-icon"></em>
8003                                            <span>Key Features</span>
8004                                        </div>
8005                                        <div class="d-flex overlay-nav-item"
8006                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1N4BL4CV0PN416681")' @keydown.enter.space.prevent='openChatAssistant("1N4BL4CV0PN416681")'>
8007                                            <em class="primaryicon-assistant-icon"></em>
8008                                            <span>Ask Us Anything</span>
8009                                        </div>
8010                                </div>
8011
8012                                <div class="pt-4 px-3 mt-3">
8013                                    <a href="https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance")' target="_self"
8014                                        @keydown.space.prevent="$event.currentTarget.click()"
8015                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
8016                                        View Details
8017                                    </a>
8018                                </div>
8019                            </div>
8020                        </div>
8021                    </div>
8022                </div>
8023            </transition>
8024            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8025                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1N4BL4CV0PN416681'"
8026                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8027                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8028                     @keydown.tab="srpOverlayTrapFocus($event)">
8029                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8030                        <div class="d-flex align-items-center" style="gap: 20px;">
8031                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8032                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
8033                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8034                        </div>
8035                        <div>
8036                            <em class="primaryicon-close-icon-gray"
8037                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8038                        </div>
8039                    </div>
8040                    <div class="mt-3 pt-4 overlay-section-links">
8041                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8042                        <template v-if="!isLoadingOverlayDetails">
8043                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
8044                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car?type=finance" vehicle-name="Used 2023 Nissan Altima 2.5 SR" :page-type-id="18" :style-id="430013" class="overlay-section-content"></share-options>
8045                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
8046                        </template>
8047                    </div>
8048                </div>
8049            </transition>
8050        </template>
8051    </div>
8052        
8052<script type="application/javascript">
8053
8054            var rebatesString = "[]";
8055            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8056            localStorage.setItem("7FARS6H56PE041625-rebates", formattedRebatesString);
8057
8058        </script>
8058
8059<div data-itemid="Honda-CR-V Hybrid-Sport-7FARS6H56PE041625" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8060        <a href="https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "7FARS6H56PE041625", "https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "8",msrp:"27823",yourPrice:"28371.0",sellingPrice:"27823",type:"Used",title:`2023 Honda CR-V Hybrid Sport`},"false"==="true"), setVintoTransact("7FARS6H56PE041625", $event,{styleId:"0"})'
8061        @mouseleave="clearMouseHoverValue()"
8062        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8063        used-large-box" style="height: 100%;">
8064
8065            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8066                <div class="position-relative">
8067                    <div class="srp-top-badges">
8068                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
8069                            <div class="d-flex align-items-center gap-10">
8070                                            <div class="specials-indicator-wrapper">
8071                                                <inventory-specials-indicator
8072                                                bg-color="#9D0026 !important"
8073                                                text="Today&#x27;s Special">
8074                                                </inventory-specials-indicator>
8075                                            </div>
8076                            </div>
8077                        </div>
8078
8079                    </div>
8080
8081
8082                    <div id="EZ360_CVDP"></div>
8083
8084                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8085                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-7FARS6H56PE041625'" class="vehicle-box__image">
8086                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/a1d2641e9f3c45c8b9f1c24d7a2fdc0f.jpg" class="img-fluid srp-vehiclebox-image"
8087                                    title="2023 Honda CR-V Hybrid Sport" alt="2023 Honda CR-V Hybrid Sport" />
8088
8089                        </div>
8090
8091                        <div class="dp-srp-evox-media-7FARS6H56PE041625" v-show="currentHoveredBlock === 'dp-srp-evox-media-7FARS6H56PE041625'"></div>
8092
8093                        <div class="vehicle-info-icon">
8094                            <em
8095                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '7FARS6H56PE041625')"
8096                            class="primaryicon-options-btn-new info-icon-css"
8097                            data-vin="7FARS6H56PE041625"
8098                            tabindex="0"
8099                            role="button"
8100                            aria-label="Vehicle info"
8101                            @click.stop.prevent="openVehicleInfoOverlay($event, '7FARS6H56PE041625')"
8102                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '7FARS6H56PE041625')"
8103                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8104                        </div>
8105                    </div>
8106
8107
8108                    <div class="vehiclebox-info-section p-3">
8109                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8110                            <div class="d-flex">
8111                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8112                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8113                                        2023 Honda CR-V Hybrid Sport
8114                                    </h2>
8115                                </div>
8116                            </div>
8117                        </div>
8118
8119                        <div class="vehicle-summary-section mt-3 ">
8120                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8121                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8122            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):showMsrp)'>
8123                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
8124                                            <div class="mr-2" style="color:#000">
8125                                                <span id="7fars6h56pe041625-price-summary-label">Your Price</span>
8126                                            </div>
8127                                            <div id="7fars6h56pe041625-price-summary-value" class=" " style="color:#000">$28,371</div>
8128                                        </div>
8129
8130            </div>
8131            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):!showMsrp )'>
8132                                <div v-if="!unlockHideMsrp">
8133                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
8134                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
8135                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,823</div>
8136                                    </div>
8137                                </div>
8138
8139            </div>
8140        </div>
8141
8142                            </div>
8143
8144                                <template v-if="true">
8145                                    <div class="vehicle-summary-cta flex-1">
8146                                        <object>
8147                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
8148                <a v-if="applySecondaryDesign" href=""
8149                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
8150                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8151                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8152                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8153                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
8154                <a v-else href=""
8155                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
8156                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8157                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8158                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8159                   @mouseover="onCTABtnHover('', '', '', $event)">
8160                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
8161                    60-Second Quote
8162                </a>
8163            </div>
8164
8165                                        </object>
8166                                    </div>
8167                                </template>
8168                        </div>
8169<div class="color-black ft-16 mt-1">
8170            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
8171                Disclosure
8172            </div>
8173</div>
8174
8175
8176                        <div class="show section-separator my-4"></div>
8177
8178
8179                            <template v-if="true">
8180                                <object>
8181                                    <div class="app-level-cta-container">
8182
8183
8184
8185
8186
8187
8188
8189                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "7FARS6H56PE041625","false"==="true"))' class="primary-button-parent">
8190                                                    <a :style="ctaBtnStyles"
8191                                                     tabindex="0" role="button"
8192                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance", "7FARS6H56PE041625", "Used")'
8193                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance", "7FARS6H56PE041625", "Used")'
8194                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
8195                                                        {{inventorySettings.data.buttonLabel}}
8196                                                    </a>
8197                                                 </div>
8198                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
8199                                                                    <a v-if="applySecondaryDesign" href=""
8200                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
8201                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8202                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8203                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;
8203CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8204                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8205                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
8206                                                                    <a v-else href=""
8207                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
8208                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8209                                                                        @click.prevent="
8210                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8211                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8212                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8213                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8214                                                                        Ask A Question
8215                                                                    </a>
8216                                                                </div>
8217                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
8218                                                                    <a v-if="applySecondary
8218Design" href=""
8219                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
8220                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8221                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8222                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8223                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
8224                                                                    <a v-else href=""
8225                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
8226                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8227                                                                        @click.prevent="
8228                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;7FARS6H56PE041625&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;CR-V Hybrid&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27433A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8229                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8230                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8231                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
8232                                                                        Value My Trade
8233                                                                    </a>
8234                                                                </div>
8235
8236
8237
8238                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
8239                                                <a tabindex="0"
8240                                                role="button"
8241                                                @click.prevent='openSoftPullModel("0", "7FARS6H56PE041625", "0", "2023", "Honda", "CR-V Hybrid", "Sport", "59998", "Used","", $event)'
8242                                                @keydown.enter.space.prevent='openSoftPullModel("0", "7FARS6H56PE041625", "0", "2023", "Honda", "CR-V Hybrid", "Sport", "59998", "Used","", $event)'
8243                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
8244                                                style="background-color: #000000 !important; color: #FFFFFF !important"
8245                                                @mouseover="updateStyles($event, '','','')"
8246                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
8247                                                >
8248                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
8249                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
8250                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
8251                                                </a>
8252                                            </div>
8253
8254                                    </div>
8255                                </object>
8256                            </template>
8257
8258                            <div class="mt-3">
8259
8260
8261                                <div class="inventory-btns" style="width:100%;" v-cloak>
8262
8263
8264                                    <object class="d-flex flex-column primary-inventory-btn-group">
8265                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8266                                        <div class="pi-pullup-container"></div>
8267                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8268
8269                                        <div class="dvs_vin_btn" vin="7FARS6H56PE041625"></div>
8270
8271
8272
8273
8274
8275
8276                                    </object>
8277
8278
8279
8280
8281
8282
8283
8284
8285
8286                                    
8287
8288
8289
8290
8291
8292
8293
8294
8295
8296                                </div>
8297
8298
8299
8300
8301
8302
8303                            </div>
8304
8305                            <active-engage-widget v-if="isEnableActivEngageSrp"
8306                                                custom-class="py-2 ft-12"></active-engage-widget>
8307                        <div class="srp-tabs-section mt-3">
8308                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
8309                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['7FARS6H56PE041625'] || 'details') === 'details' }"
8310                                    tabindex="0" role="tab"
8311                                    aria-label="Details"
8312                                    :aria-selected="(activeTabsByVin['7FARS6H56PE041625'] || 'details') === 'details'"
8313                                    aria-controls="tab-panel-details-7FARS6H56PE041625"
8314                                    @click.stop.prevent="setActiveTab('details', '7FARS6H56PE041625')"
8315                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '7FARS6H56PE041625')">
8316                                        Details
8317                                    </div>
8318                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['7FARS6H56PE041625'] || 'details') === 'payments' }"
8319                                tabindex="0" role="tab"
8320                                aria-label="Pricing"
8321                                :aria-selected="(activeTabsByVin['7FARS6H56PE041625'] || 'details') === 'payments'"
8322                                aria-controls="tab-panel-payments-7FARS6H56PE041625"
8323                                @click.stop.prevent="setActiveTab('payments', '7FARS6H56PE041625')"
8324                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '7FARS6H56PE041625')">
8325                                    Pricing
8326                                </div>
8327                            </div>
8328
8329                            <div class="srp-tab-content">
8330                                <div :class="(activeTabsByVin['7FARS6H56PE041625'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-7FARS6H56PE041625" aria-label="Details">
8331                                    <div class="vehicle-details-list">
8332
8333                                            <div class="details-item-row ">
8334                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
8335                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
8336                                                        <div id="copy_vin" class="d-inline">7FARS6H56PE041625</div>
8337                                                    </div>
8338                                            </div>
8339
8340                                            <div class="details-item-row">
8341                                                <div class="details-item-label">Stock #</div>
8342                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
8343                                                    <div id="copy_stock" class="d-inline">H27433A</div>
8344                                                </div>
8345                                            </div>
8346
8347                                        
8348
8349                                            <div class="details-item-row">
8350                                                <div class="details-item-label">Model Code</div>
8351                                                <div class="details-item-value">#</div>
8352                                            </div>
8353
8354                                            <div class="details-item-row">
8355                                                <div class="details-item-label">Exterior</div>
8356                                                <div class="details-item-value d-flex align-items-center">
8357                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: White; border-radius: 50%"></div>
8358                                                        <div class="ml-2">White</div>
8359                                                </div>
8360                                            </div>
8361
8362                                            <div class="details-item-row">
8363                                                <div class="details-item-label">Interior</div>
8364                                                <div class="details-item-value d-flex align-items-center">
8365                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
8366                                                    <div class="ml-2 interior-word-break">Black</div>
8367                                                </div>
8368                                            </div>
8369
8370                                            <div class="details-item-row">
8371                                                <div class="details-item-label">Drivetrain</div>
8372                                                <div class="details-item-value">AWD</div>
8373                                            </div>
8374
8375                                            <div class="details-item-row">
8376                                                <div class="details-item-label">Engine</div>
8377                                                        <div class="details-item-value">Gas/Electric I-4 2.0 L/122</div>
8378                                            </div>
8379                                            <div class="details-item-row">
8380                                                <div class="details-item-label">Transmission</div>
8381                                                <div class="details-item-value">CVT</div>
8382                                            </div>
8383                                                <div class="details-item-row">
8384                                                    <div class="details-item-label">Mileage</div>
8385                                                    <div class="details-item-value">62,751 Miles</div>
8386                                                </div>
8387
8388                                    </div>
8389
8390                                </div>
8391                                <div :class="(activeTabsByVin['7FARS6H56PE041625'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-7FARS6H56PE041625" aria-label="Pricing">
8392                                            <div class="msrppanel-label">
8393                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):showMsrp)'>
8394
8395
8396                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27823' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8397                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
8398                                                                                        
8399
8400<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
8401    Selling Price
8402</div>
8403<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$27,823</div>
8404
8405
8406                                                                                    </div>
8407                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
8408                                                                                                <div>
8409                                                                                                    Doc Fee
8410                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
8411                                                                                                </div>
8412                                                                                                <div class="d-flex pl-2">
8413                                                                                                    &#x2B;$548
8414                                                                                                </div>
8415                                                                                            </div>
8416                                                                            <div id="7fars6h56pe041625-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
8417                                                                                <sp
8417an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
8418                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
8419                                                                                </span>
8420                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="7fars6h56pe041625-unlock-discount-price"></label></span>
8421                                                                            </div>
8422                                                                            <div id="7fars6h56pe041625-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
8423                                                                                <div class="mr-2" style="color:#000">
8424                                                                                    <span id="7fars6h56pe041625-selling-price-label" class="p-0">Your Price</span>
8425                                                                                </div>
8426                                                                                <div id="7fars6h56pe041625-your-price-hide" class=" " style="color:#000">$28,371</div>
8427                                                                            </div>
8428                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
8429                                                                                <div class="mr-2" style="color:#000">
8430                                                                                    <span id="7fars6h56pe041625-selling-price-label" class="p-0">Your Price</span>
8431                                                                                </div>
8432                                                                                <div id="7fars6h56pe041625-your-price" class=" " style="color:#000">$28,371</div>
8433                                                                            </div>
8434
8435
8436
8437
8438                                                        <total-incentive-discount qualified-data=''
8439                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
8440                                                                                :pricedata="{'msrp':'27823','yourPrice':'28371.0'}"
8441                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
8442                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
8443                                                    <div class="color-black ft-16 mt-1">
8444            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
8445                Disclosure
8446            </div>
8447</div>
8448
8449                                                </div>
8450
8451                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "7FARS6H56PE041625", "false"==="true"):!showMsrp )'>
8452                                                                    <div v-if="!unlockHideMsrp">
8453                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27823' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8454                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
8455                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
8456                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,823</div>
8457                                                                        </div>
8458                                                                    </div>
8459
8460                                                </div>
8461                                            </div>
8462                                </div>
8463                            </div>
8464                        </div>
8465                        <div id="cta-params-7FARS6H56PE041625"
8466                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:28371.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
8467                        </div>
8468
8469                        <div>
8470
8471                            <vehicle-badges model="CR-V Hybrid"
8472                                            :current="'srp'"
8473                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
8474                                            :eyesight="''"
8475                                            :starlink="''"
8476                                            :von="''"
8477                                            :onorder="''"
8478                                            :vin="'7FARS6H56PE041625'"
8479                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance'"
8480                                            :vehicle-badges-top-srp="'False'"
8481                                            :year="'2023'"
8482                                            :in-transit-background-color-srp="''"
8483                                            :in-transit-badge-color-srp="''"
8484                                            :in-production-background-color-srp="''"
8485                                            :in-production-badge-color-srp="''"
8486                                            @opendisclaimer="openDisclaimerPopup($event)">
8487                            </vehicle-badges>
8488
8489                                <div class="d-flex flex-wrap">
8490                                    
8491
8492
8493
8494
8495
8496
8497                                </div>
8498                        </div>
8499
8500
8501
8502                        <div class="d-flex flex-wrap srp-certified-img-section">
8503
8504
8505
8506                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/APp3NZL6ocuC8M6pVo3-zTQmxcdvDrYxVXbQKdUiUDj7JqdYrWK8QoNcnu8JyMpoXHXd6Ze1ja4kdu4rfGhpHlg5JbKkfDA8_FM')">
8507                                        <img src="https://partnerstatic.
8507carfax.com/img/valuebadge/1own_good.svg"
8508                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
8509                                    </div>
8510                                <div class="text-center third-party-payment-tool">
8511                                    <span data-cg-vin="7FARS6H56PE041625" data-cg-price="28371.0"></span>
8512                                </div>
8513
8514
8515
8516
8517
8518                        </div>
8519
8520                        <div v-if="currentTheme == 'subaru'" class="mt-3">
8521                            <subaru-badge-new model="CR-V Hybrid"
8522                                            year="2023"
8523                                            make="Honda"
8524                                            type="Used"
8525                                            :current="'srp'"
8526                                            :transit="'False'"
8527                                            :eyesight="''"
8528                                            :starlink="''"
8529                                            :von="''"
8530                                            :onorder="''"
8531                                            :vin="'7FARS6H56PE041625'"
8532                                            :hide-in-transit="'False'"
8533                                            :vehicle-badges-top-srp="'False'"
8534                                            :subaru-consumer-report-class="''"
8535                                            :in-transit-background-color-srp="''"
8536                                            :in-transit-badge-color-srp="''"
8537                                            >
8538                            </subaru-badge-new>
8539                        </div>
8540
8541                    </div>
8542                </div>
8543
8544
8545
8546            </div>
8547        </a>
8548        <template v-if="true">
8549            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
8550                <div v-if="openDetailsOverlay && selectedVinForOverlay == '7FARS6H56PE041625'" class="vehicle-data-overlay-container"
8551                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
8552                     @keydown.esc.prevent="closeDetailsOverlay()"
8553                     @keydown.tab="srpOverlayTrapFocus($event)">
8554                    <div class="vehicle-overlay-data">
8555                        <div class="srp-overlay-options">
8556                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8557                                <div class="d-flex align-items-center" style="gap: 20px;">
8558                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
8559                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
8560                                    <h3 class="mb-0">Options</h3>
8561                                </div>
8562                                <div>
8563                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
8564                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
8565                                </div>
8566                            </div>
8567
8568                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
8569                                <div class="overlay-nav-items px-3 pt-4">
8570                                    <div class="d-flex overlay-nav-item" tabindex="0"
8571                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '7FARS6H56PE041625', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '7FARS6H56PE041625', overlayType: '
8571share-options', label: 'Share' })">
8572                                        <em class="primaryicon-share-icon"></em>
8573                                        <span>Share</span>
8574                                    </div>
8575
8576                                        <div class="d-flex overlay-nav-item"
8577                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '7FARS6H56PE041625', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '7FARS6H56PE041625', overlayType: 'key-features', label: 'Key Features' })">
8578                                            <em class="primaryicon-key-features-icon"></em>
8579                                            <span>Key Features</span>
8580                                        </div>
8581                                        <div class="d-flex overlay-nav-item"
8582                                        tabindex="0" role="button" @click.prevent='openChatAssistant("7FARS6H56PE041625")' @keydown.enter.space.prevent='openChatAssistant("7FARS6H56PE041625")'>
8583                                            <em class="primaryicon-assistant-icon"></em>
8584                                            <span>Ask Us Anything</span>
8585                                        </div>
8586                                </div>
8587
8588                                <div class="pt-4 px-3 mt-3">
8589                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance")' target="_self"
8590                                        @keydown.space.prevent="$event.currentTarget.click()"
8591                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
8592                                        View Details
8593                                    </a>
8594                                </div>
8595                            </div>
8596                        </div>
8597                    </div>
8598                </div>
8599            </transition>
8600            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8601                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '7FARS6H56PE041625'"
8602                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8603                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8604                     @keydown.tab="srpOverlayTrapFocus($event)">
8605                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8606                        <div class="d-flex align-items-center" style="gap: 20px;">
8607                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8608                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
8609                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8610                        </div>
8611                        <div>
8612                            <em class="primaryicon-close-icon-gray"
8613                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8614                        </div>
8615                    </div>
8616                    <div class="mt-3 pt-4 overlay-section-links">
8617                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8618                        <template v-if="!isLoadingOverlayDetails">
8619                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
8620                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility?type=finance" vehicle-name="Used 2023 Honda CR-V Hybrid Sport" :page-type-id="18" :style-id="0" class="overlay-section-content"></share-options>
8621                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
8622                        </template>
8623                    </div>
8624                </div>
8625            </transition>
8626        </template>
8627    </div>
8628        
8628<script type="application/javascript">
8629
8630            var rebatesString = "[]";
8631            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8632            localStorage.setItem("5XYP6DGC8RG545472-rebates", formattedRebatesString);
8633
8634        </script>
8634
8635<div data-itemid="Kia-Telluride-S-5XYP6DGC8RG545472" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8636        <a href="https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "5XYP6DGC8RG545472", "https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "9",msrp:"30744",yourPrice:"31292.0",sellingPrice:"30744",type:"Used",title:`2024 Kia Telluride S`},"false"==="true"), setVintoTransact("5XYP6DGC8RG545472", $event,{styleId:"443379"})'
8637        @mouseleave="clearMouseHoverValue()"
8638        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8639        used-large-box" style="height: 100%;">
8640
8641            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8642                <div class="position-relative">
8643                    <div class="srp-top-badges">
8644                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
8645                            <div class="d-flex align-items-center gap-10">
8646                                            <div class="specials-indicator-wrapper">
8647                                                <inventory-specials-indicator
8648                                                bg-color="#9D0026 !important"
8649                                                text="Today&#x27;s Special">
8650                                                </inventory-specials-indicator>
8651                                            </div>
8652                            </div>
8653                        </div>
8654
8655                    </div>
8656
8657
8658                    <div id="EZ360_CVDP"></div>
8659
8660                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8661                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-5XYP6DGC8RG545472'" class="vehicle-box__image">
8662                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/62b0c7c12c06421ea76b2bf67021d58a.jpg" class="img-fluid srp-vehiclebox-image"
8663                                    title="2024 Kia Telluride S" alt="2024 Kia Telluride S" />
8664
8665                        </div>
8666
8667                        <div class="dp-srp-evox-media-5XYP6DGC8RG545472" v-show="currentHoveredBlock === 'dp-srp-evox-media-5XYP6DGC8RG545472'"></div>
8668
8669                        <div class="vehicle-info-icon">
8670                            <em
8671                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '5XYP6DGC8RG545472')"
8672                            class="primaryicon-options-btn-new info-icon-css"
8673                            data-vin="5XYP6DGC8RG545472"
8674                            tabindex="0"
8675                            role="button"
8676                            aria-label="Vehicle info"
8677                            @click.stop.prevent="openVehicleInfoOverlay($event, '5XYP6DGC8RG545472')"
8678                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '5XYP6DGC8RG545472')"
8679                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8680                        </div>
8681                    </div>
8682
8683
8684                    <div class="vehiclebox-info-section p-3">
8685                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8686                            <div class="d-flex">
8687                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8688                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8689                                        2024 Kia Telluride S
8690                                    </h2>
8691                                </div>
8692                            </div>
8693                        </div>
8694
8695                        <div class="vehicle-summary-section mt-3 ">
8696                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8697                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8698            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):showMsrp)'>
8699                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
8700                                            <div class="mr-2" style="color:#000">
8701                                                <span id="5xyp6dgc8rg545472-price-summary-label">Your Price</span>
8702                                            </div>
8703                                            <div id="5xyp6dgc8rg545472-price-summary-value" class=" " style="color:#000">$31,292</div>
8704                                        </div>
8705
8706            </div>
8707            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):!showMsrp )'>
8708                                <div v-if="!unlockHideMsrp">
8709                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
8710                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
8711                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$30,744</div>
8712                                    </div>
8713                                </div>
8714
8715            </div>
8716        </div>
8717
8718                            </div>
8719
8720                                <template v-if="true">
8721                                    <div class="vehicle-summary-cta flex-1">
8722                                        <object>
8723                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
8724                <a v-if="applySecondaryDesign" href=""
8725                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
8726                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8727                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8728                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8729                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
8730                <a v-else href=""
8731                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
8732                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8733                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8734                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8735                   @mouseover="onCTABtnHover('', '', '', $event)">
8736                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
8737                    60-Second Quote
8738                </a>
8739            </div>
8740
8741                                        </object>
8742                                    </div>
8743                                </template>
8744                        </div>
8745<div class="color-black ft-16 mt-1">
8746            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
8747                Disclosure
8748            </div>
8749</div>
8750
8751
8752                        <div class="show section-separator my-4"></div>
8753
8754
8755                            <template v-if="true">
8756                                <object>
8757                                    <div class="app-level-cta-container">
8758
8759
8760
8761
8762
8763
8764
8765                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "5XYP6DGC8RG545472","false"==="true"))' class="primary-button-parent">
8766                                                    <a :style="ctaBtnStyles"
8767                                                     tabindex="0" role="button"
8768                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance", "5XYP6DGC8RG545472", "Used")'
8769                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance", "5XYP6DGC8RG545472", "Used")'
8770                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
8771                                                        {{inventorySettings.data.buttonLabel}}
8772                                                    </a>
8773                                                 </div>
8774                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
8775                                                                    <a v-if="applySecondaryDesign" href=""
8776                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
8777                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8778                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8779                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8780                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8781                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
8782                                                                    <a v-else href=""
8783                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
8784                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8785                                                                        @click.prevent="
8786                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8787                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8788                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8789                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8790                                                                        Ask A Question
8791                                                                    </a>
8792                                                                </div>
8793                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
8794                                                                    <a v-if="applySecondary
8794Design" href=""
8795                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
8796                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8797                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8798                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8799                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
8800                                                                    <a v-else href=""
8801                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
8802                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
8803                                                                        @click.prevent="
8804                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;5XYP6DGC8RG545472&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;Telluride&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50389A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8805                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
8806                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8807                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
8808                                                                        Value My Trade
8809                                                                    </a>
8810                                                                </div>
8811
8812
8813
8814                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
8815                                                <a tabindex="0"
8816                                                role="button"
8817                                                @click.prevent='openSoftPullModel("0", "5XYP6DGC8RG545472", "0", "2024", "Kia", "Telluride", "S", "59998", "Used","", $event)'
8818                                                @keydown.enter.space.prevent='openSoftPullModel("0", "5XYP6DGC8RG545472", "0", "2024", "Kia", "Telluride", "S", "59998", "Used","", $event)'
8819                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
8820                                                style="background-color: #000000 !important; color: #FFFFFF !important"
8821                                                @mouseover="updateStyles($event, '','','')"
8822                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
8823                                                >
8824                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
8825                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
8826                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
8827                                                </a>
8828                                            </div>
8829
8830                                    </div>
8831                                </object>
8832                            </template>
8833
8834                            <div class="mt-3">
8835
8836
8837                                <div class="inventory-btns" style="width:100%;" v-cloak>
8838
8839
8840                                    <object class="d-flex flex-column primary-inventory-btn-group">
8841                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8842                                        <div class="pi-pullup-container"></div>
8843                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8844
8845                                        <div class="dvs_vin_btn" vin="5XYP6DGC8RG545472"></div>
8846
8847
8848
8849
8850
8851
8852                                    </object>
8853
8854
8855
8856
8857
8858
8859
8860
8861
8862                                    
8863
8864
8865
8866
8867
8868
8869
8870
8871
8872                                </div>
8873
8874
8875
8876
8877
8878
8879                            </div>
8880
8881                            <active-engage-widget v-if="isEnableActivEngageSrp"
8882                                                custom-class="py-2 ft-12"></active-engage-widget>
8883                        <div class="srp-tabs-section mt-3">
8884                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
8885                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['5XYP6DGC8RG545472'] || 'details') === 'details' }"
8886                                    tabindex="0" role="tab"
8887                                    aria-label="Details"
8888                                    :aria-selected="(activeTabsByVin['5XYP6DGC8RG545472'] || 'details') === 'details'"
8889                                    aria-controls="tab-panel-details-5XYP6DGC8RG545472"
8890                                    @click.stop.prevent="setActiveTab('details', '5XYP6DGC8RG545472')"
8891                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '5XYP6DGC8RG545472')">
8892                                        Details
8893                                    </div>
8894                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['5XYP6DGC8RG545472'] || 'details') === 'payments' }"
8895                                tabindex="0" role="tab"
8896                                aria-label="Pricing"
8897                                :aria-selected="(activeTabsByVin['5XYP6DGC8RG545472'] || 'details') === 'payments'"
8898                                aria-controls="tab-panel-payments-5XYP6DGC8RG545472"
8899                                @click.stop.prevent="setActiveTab('payments', '5XYP6DGC8RG545472')"
8900                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '5XYP6DGC8RG545472')">
8901                                    Pricing
8902                                </div>
8903                            </div>
8904
8905                            <div class="srp-tab-content">
8906                                <div :class="(activeTabsByVin['5XYP6DGC8RG545472'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-5XYP6DGC8RG545472" aria-label="Details">
8907                                    <div class="vehicle-details-list">
8908
8909                                            <div class="details-item-row ">
8910                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
8911                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
8912                                                        <div id="copy_vin" class="d-inline">5XYP6DGC8RG545472</div>
8913                                                    </div>
8914                                            </div>
8915
8916                                            <div class="details-item-row">
8917                                                <div class="details-item-label">Stock #</div>
8918                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
8919                                                    <div id="copy_stock" class="d-inline">C50389A</div>
8920                                                </div>
8921                                            </div>
8922
8923                                        
8924
8925                                            <div class="details-item-row">
8926                                                <div class="details-item-label">Model Code</div>
8927                                                <div class="details-item-value">#JAC4435</div>
8928                                            </div>
8929
8930                                            <div class="details-item-row">
8931                                                <div class="details-item-label">Exterior</div>
8932                                                <div class="details-item-value d-flex align-items-center">
8933                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #D5D5D5; border-radius: 50%"></div>
8934                                                        <div class="ml-2">Glacial White Pearl</div>
8935                                                </div>
8936                                            </div>
8937
8938                                            <div class="details-item-row">
8939                                                <div class="details-item-label">Interior</div>
8940                                                <div class="details-item-value d-flex align-items-center">
8941                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
8942                                                    <div class="ml-2 interior-word-break">Gray</div>
8943                                                </div>
8944                                            </div>
8945
8946                                            <div class="details-item-row">
8947                                                <div class="details-item-label">Drivetrain</div>
8948                                                <div class="details-item-value">AWD</div>
8949                                            </div>
8950
8951                                            <div class="details-item-row">
8952                                                <div class="details-item-label">Engine</div>
8953                                                        <div class="details-item-value">Regular Unleaded V-6 3.8 L/231</div>
8954                                            </div>
8955                                            <div class="details-item-row">
8956                                                <div class="details-item-label">Transmission</div>
8957                                                <div class="details-item-value">Automatic</div>
8958                                            </div>
8959                                                <div class="details-item-row">
8960                                                    <div class="details-item-label">Mileage</div>
8961                                                    <div class="details-item-value">43,444 Miles</div>
8962                                                </div>
8963
8964                                    </div>
8965
8966                                </div>
8967                                <div :class="(activeTabsByVin['5XYP6DGC8RG545472'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-5XYP6DGC8RG545472" aria-label="Pricing">
8968                                            <div class="msrppanel-label">
8969                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):showMsrp)'>
8970
8971
8972                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-30744' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8973                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
8974                                                                                        
8975
8976<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
8977    Selling Price
8978</div>
8979<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$30,744</div>
8980
8981
8982                                                                                    </div>
8983                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
8984                                                                                                <div>
8985                                                                                                    Doc Fee
8986                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
8987                                                                                                </div>
8988                                                                                                <div class="d-flex pl-2">
8989                                                                                                    &#x2B;$548
8990                                                                                                </div>
8991                                                                                            </div>
8992                                                                            <div id="5xyp6dgc8rg545472-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
8993                                                                                <sp
8993an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
8994                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
8995                                                                                </span>
8996                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="5xyp6dgc8rg545472-unlock-discount-price"></label></span>
8997                                                                            </div>
8998                                                                            <div id="5xyp6dgc8rg545472-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
8999                                                                                <div class="mr-2" style="color:#000">
9000                                                                                    <span id="5xyp6dgc8rg545472-selling-price-label" class="p-0">Your Price</span>
9001                                                                                </div>
9002                                                                                <div id="5xyp6dgc8rg545472-your-price-hide" class=" " style="color:#000">$31,292</div>
9003                                                                            </div>
9004                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
9005                                                                                <div class="mr-2" style="color:#000">
9006                                                                                    <span id="5xyp6dgc8rg545472-selling-price-label" class="p-0">Your Price</span>
9007                                                                                </div>
9008                                                                                <div id="5xyp6dgc8rg545472-your-price" class=" " style="color:#000">$31,292</div>
9009                                                                            </div>
9010
9011
9012
9013
9014                                                        <total-incentive-discount qualified-data=''
9015                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9016                                                                                :pricedata="{'msrp':'30744','yourPrice':'31292.0'}"
9017                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9018                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9019                                                    <div class="color-black ft-16 mt-1">
9020            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
9021                Disclosure
9022            </div>
9023</div>
9024
9025                                                </div>
9026
9027                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XYP6DGC8RG545472", "false"==="true"):!showMsrp )'>
9028                                                                    <div v-if="!unlockHideMsrp">
9029                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-30744' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9030                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9031                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9032                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$30,744</div>
9033                                                                        </div>
9034                                                                    </div>
9035
9036                                                </div>
9037                                            </div>
9038                                </div>
9039                            </div>
9040                        </div>
9041                        <div id="cta-params-5XYP6DGC8RG545472"
9042                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:31292.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9043                        </div>
9044
9045                        <div>
9046
9047                            <vehicle-badges model="Telluride"
9048                                            :current="'srp'"
9049                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
9050                                            :eyesight="''"
9051                                            :starlink="''"
9052                                            :von="''"
9053                                            :onorder="''"
9054                                            :vin="'5XYP6DGC8RG545472'"
9055                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance'"
9056                                            :vehicle-badges-top-srp="'False'"
9057                                            :year="'2024'"
9058                                            :in-transit-background-color-srp="''"
9059                                            :in-transit-badge-color-srp="''"
9060                                            :in-production-background-color-srp="''"
9061                                            :in-production-badge-color-srp="''"
9062                                            @opendisclaimer="openDisclaimerPopup($event)">
9063                            </vehicle-badges>
9064
9065                                <div class="d-flex flex-wrap">
9066                                    
9067
9068
9069
9070
9071
9072
9073                                </div>
9074                        </div>
9075
9076
9077
9078                        <div class="d-flex flex-wrap srp-certified-img-section">
9079
9080
9081
9082                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/IvSrVesAUB0VktPzbO9IwOFVDsPDxMUxSFYqLk84ZFbxjWzAyzYZOLI-CoFa1Tzqccoli7e7o8iRBmflA_xNmUJRI_gItyRvOjU')">
9083                                        <img src="https://partnerstatic.
9083carfax.com/img/valuebadge/1own_great.svg"
9084                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
9085                                    </div>
9086                                <div class="text-center third-party-payment-tool">
9087                                    <span data-cg-vin="5XYP6DGC8RG545472" data-cg-price="31292.0"></span>
9088                                </div>
9089
9090
9091
9092
9093
9094                        </div>
9095
9096                        <div v-if="currentTheme == 'subaru'" class="mt-3">
9097                            <subaru-badge-new model="Telluride"
9098                                            year="2024"
9099                                            make="Kia"
9100                                            type="Used"
9101                                            :current="'srp'"
9102                                            :transit="'False'"
9103                                            :eyesight="''"
9104                                            :starlink="''"
9105                                            :von="''"
9106                                            :onorder="''"
9107                                            :vin="'5XYP6DGC8RG545472'"
9108                                            :hide-in-transit="'False'"
9109                                            :vehicle-badges-top-srp="'False'"
9110                                            :subaru-consumer-report-class="''"
9111                                            :in-transit-background-color-srp="''"
9112                                            :in-transit-badge-color-srp="''"
9113                                            >
9114                            </subaru-badge-new>
9115                        </div>
9116
9117                    </div>
9118                </div>
9119
9120
9121
9122            </div>
9123        </a>
9124        <template v-if="true">
9125            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
9126                <div v-if="openDetailsOverlay && selectedVinForOverlay == '5XYP6DGC8RG545472'" class="vehicle-data-overlay-container"
9127                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
9128                     @keydown.esc.prevent="closeDetailsOverlay()"
9129                     @keydown.tab="srpOverlayTrapFocus($event)">
9130                    <div class="vehicle-overlay-data">
9131                        <div class="srp-overlay-options">
9132                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9133                                <div class="d-flex align-items-center" style="gap: 20px;">
9134                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
9135                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
9136                                    <h3 class="mb-0">Options</h3>
9137                                </div>
9138                                <div>
9139                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
9140                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
9141                                </div>
9142                            </div>
9143
9144                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
9145                                <div class="overlay-nav-items px-3 pt-4">
9146                                    <div class="d-flex overlay-nav-item" tabindex="0"
9147                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '5XYP6DGC8RG545472', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '5XYP6DGC8RG545472', overlayType: '
9147share-options', label: 'Share' })">
9148                                        <em class="primaryicon-share-icon"></em>
9149                                        <span>Share</span>
9150                                    </div>
9151
9152                                        <div class="d-flex overlay-nav-item"
9153                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '5XYP6DGC8RG545472', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '5XYP6DGC8RG545472', overlayType: 'key-features', label: 'Key Features' })">
9154                                            <em class="primaryicon-key-features-icon"></em>
9155                                            <span>Key Features</span>
9156                                        </div>
9157                                        <div class="d-flex overlay-nav-item"
9158                                        tabindex="0" role="button" @click.prevent='openChatAssistant("5XYP6DGC8RG545472")' @keydown.enter.space.prevent='openChatAssistant("5XYP6DGC8RG545472")'>
9159                                            <em class="primaryicon-assistant-icon"></em>
9160                                            <span>Ask Us Anything</span>
9161                                        </div>
9162                                </div>
9163
9164                                <div class="pt-4 px-3 mt-3">
9165                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance")' target="_self"
9166                                        @keydown.space.prevent="$event.currentTarget.click()"
9167                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
9168                                        View Details
9169                                    </a>
9170                                </div>
9171                            </div>
9172                        </div>
9173                    </div>
9174                </div>
9175            </transition>
9176            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
9177                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '5XYP6DGC8RG545472'"
9178                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
9179                     @keydown.esc.prevent="navigateToDetailsOverlay()"
9180                     @keydown.tab="srpOverlayTrapFocus($event)">
9181                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9182                        <div class="d-flex align-items-center" style="gap: 20px;">
9183                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
9184                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
9185                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
9186                        </div>
9187                        <div>
9188                            <em class="primaryicon-close-icon-gray"
9189                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
9190                        </div>
9191                    </div>
9192                    <div class="mt-3 pt-4 overlay-section-links">
9193                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
9194                        <template v-if="!isLoadingOverlayDetails">
9195                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
9196                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility?type=finance" vehicle-name="Used 2024 Kia Telluride S" :page-type-id="18" :style-id="443379" class="overlay-section-content"></share-options>
9197                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
9198                        </template>
9199                    </div>
9200                </div>
9201            </transition>
9202        </template>
9203    </div>
9204        
9204<script type="application/javascript">
9205
9206            var rebatesString = "[]";
9207            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
9208            localStorage.setItem("5FNYG1H54PB040419-rebates", formattedRebatesString);
9209
9210        </script>
9210
9211<div data-itemid="Honda-Pilot-EX-L 7 Passenger-5FNYG1H54PB040419" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
9212        <a href="https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "5FNYG1H54PB040419", "https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "10",msrp:"33450",yourPrice:"33998.0",sellingPrice:"33450",type:"Used",title:`2023 Honda Pilot EX-L 7 Passenger`},"false"==="true"), setVintoTransact("5FNYG1H54PB040419", $event,{styleId:"434712"})'
9213        @mouseleave="clearMouseHoverValue()"
9214        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
9215        used-large-box" style="height: 100%;">
9216
9217            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
9218                <div class="position-relative">
9219                    <div class="srp-top-badges">
9220                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
9221                            <div class="d-flex align-items-center gap-10">
9222                                            <div class="specials-indicator-wrapper">
9223                                                <inventory-specials-indicator
9224                                                bg-color="#9D0026 !important"
9225                                                text="Today&#x27;s Special">
9226                                                </inventory-specials-indicator>
9227                                            </div>
9228                            </div>
9229                        </div>
9230
9231                    </div>
9232
9233
9234                    <div id="EZ360_CVDP"></div>
9235
9236                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
9237                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-5FNYG1H54PB040419'" class="vehicle-box__image">
9238                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/268445e228464454bd665fb70a8c907d.jpg" class="img-fluid srp-vehiclebox-image"
9239                                    title="2023 Honda Pilot EX-L 7 Passenger" alt="2023 Honda Pilot EX-L 7 Passenger" />
9240
9241                        </div>
9242
9243                        <div class="dp-srp-evox-media-5FNYG1H54PB040419" v-show="currentHoveredBlock === 'dp-srp-evox-media-5FNYG1H54PB040419'"></div>
9244
9245                        <div class="vehicle-info-icon">
9246                            <em
9247                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '5FNYG1H54PB040419')"
9248                            class="primaryicon-options-btn-new info-icon-css"
9249                            data-vin="5FNYG1H54PB040419"
9250                            tabindex="0"
9251                            role="button"
9252                            aria-label="Vehicle info"
9253                            @click.stop.prevent="openVehicleInfoOverlay($event, '5FNYG1H54PB040419')"
9254                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '5FNYG1H54PB040419')"
9255                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
9256                        </div>
9257                    </div>
9258
9259
9260                    <div class="vehiclebox-info-section p-3">
9261                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
9262                            <div class="d-flex">
9263                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
9264                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
9265                                        2023 Honda Pilot EX-L 7 Passenger
9266                                    </h2>
9267                                </div>
9268                            </div>
9269                        </div>
9270
9271                        <div class="vehicle-summary-section mt-3 ">
9272                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
9273                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
9274            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):showMsrp)'>
9275                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
9276                                            <div class="mr-2" style="color:#000">
9277                                                <span id="5fnyg1h54pb040419-price-summary-label">Your Price</span>
9278                                            </div>
9279                                            <div id="5fnyg1h54pb040419-price-summary-value" class=" " style="color:#000">$33,998</div>
9280                                        </div>
9281
9282            </div>
9283            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):!showMsrp )'>
9284                                <div v-if="!unlockHideMsrp">
9285                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
9286                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9287                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$33,450</div>
9288                                    </div>
9289                                </div>
9290
9291            </div>
9292        </div>
9293
9294                            </div>
9295
9296                                <template v-if="true">
9297                                    <div class="vehicle-summary-cta flex-1">
9298                                        <object>
9299                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
9300                <a v-if="applySecondaryDesign" href=""
9301                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
9302                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9303                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9304                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9305                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
9306                <a v-else href=""
9307                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
9308                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9309                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9310                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9311                   @mouseover="onCTABtnHover('', '', '', $event)">
9312                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
9313                    60-Second Quote
9314                </a>
9315            </div>
9316
9317                                        </object>
9318                                    </div>
9319                                </template>
9320                        </div>
9321<div class="color-black ft-16 mt-1">
9322            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
9323                Disclosure
9324            </div>
9325</div>
9326
9327
9328                        <div class="show section-separator my-4"></div>
9329
9330
9331                            <template v-if="true">
9332                                <object>
9333                                    <div class="app-level-cta-container">
9334
9335
9336
9337
9338
9339
9340
9341                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "5FNYG1H54PB040419","false"==="true"))' class="primary-button-parent">
9342                                                    <a :style="ctaBtnStyles"
9343                                                     tabindex="0" role="button"
9344                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance", "5FNYG1H54PB040419", "Used")'
9345                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance", "5FNYG1H54PB040419", "Used")'
9346                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
9347                                                        {{inventorySettings.data.buttonLabel}}
9348                                                    </a>
9349                                                 </div>
9350                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
9351                                                                    <a v-if="applySecondaryDesign" href=""
9352                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
9353                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9354                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9355                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9356                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9357                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
9358                                                                    <a v-else href=""
9359                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
9360                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9361                                                                        @click.prevent="
9362                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9363                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9364                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9365                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9366                                                                        Ask A Question
9367                                                                    </a>
9368                                                                </div>
9369                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
9370                                                                    <a v-if="applySecondary
9370Design" href=""
9371                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
9372                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9373                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9374                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9375                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
9376                                                                    <a v-else href=""
9377                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
9378                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9379                                                                        @click.prevent="
9380                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;5FNYG1H54PB040419&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Pilot&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;4914&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9381                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9382                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9383                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
9384                                                                        Value My Trade
9385                                                                    </a>
9386                                                                </div>
9387
9388
9389
9390                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
9391                                                <a tabindex="0"
9392                                                role="button"
9393                                                @click.prevent='openSoftPullModel("0", "5FNYG1H54PB040419", "0", "2023", "Honda", "Pilot", "EX-L 7 Passenger", "59998", "Used","", $event)'
9394                                                @keydown.enter.space.prevent='openSoftPullModel("0", "5FNYG1H54PB040419", "0", "2023", "Honda", "Pilot", "EX-L 7 Passenger", "59998", "Used","", $event)'
9395                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
9396                                                style="background-color: #000000 !important; color: #FFFFFF !important"
9397                                                @mouseover="updateStyles($event, '','','')"
9398                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
9399                                                >
9400                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
9401                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
9402                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
9403                                                </a>
9404                                            </div>
9405
9406                                    </div>
9407                                </object>
9408                            </template>
9409
9410                            <div class="mt-3">
9411
9412
9413                                <div class="inventory-btns" style="width:100%;" v-cloak>
9414
9415
9416                                    <object class="d-flex flex-column primary-inventory-btn-group">
9417                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9418                                        <div class="pi-pullup-container"></div>
9419                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9420
9421                                        <div class="dvs_vin_btn" vin="5FNYG1H54PB040419"></div>
9422
9423
9424
9425
9426
9427
9428                                    </object>
9429
9430
9431
9432
9433
9434
9435
9436
9437
9438                                    
9439
9440
9441
9442
9443
9444
9445
9446
9447
9448                                </div>
9449
9450
9451
9452
9453
9454
9455                            </div>
9456
9457                            <active-engage-widget v-if="isEnableActivEngageSrp"
9458                                                custom-class="py-2 ft-12"></active-engage-widget>
9459                        <div class="srp-tabs-section mt-3">
9460                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
9461                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['5FNYG1H54PB040419'] || 'details') === 'details' }"
9462                                    tabindex="0" role="tab"
9463                                    aria-label="Details"
9464                                    :aria-selected="(activeTabsByVin['5FNYG1H54PB040419'] || 'details') === 'details'"
9465                                    aria-controls="tab-panel-details-5FNYG1H54PB040419"
9466                                    @click.stop.prevent="setActiveTab('details', '5FNYG1H54PB040419')"
9467                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '5FNYG1H54PB040419')">
9468                                        Details
9469                                    </div>
9470                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['5FNYG1H54PB040419'] || 'details') === 'payments' }"
9471                                tabindex="0" role="tab"
9472                                aria-label="Pricing"
9473                                :aria-selected="(activeTabsByVin['5FNYG1H54PB040419'] || 'details') === 'payments'"
9474                                aria-controls="tab-panel-payments-5FNYG1H54PB040419"
9475                                @click.stop.prevent="setActiveTab('payments', '5FNYG1H54PB040419')"
9476                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '5FNYG1H54PB040419')">
9477                                    Pricing
9478                                </div>
9479                            </div>
9480
9481                            <div class="srp-tab-content">
9482                                <div :class="(activeTabsByVin['5FNYG1H54PB040419'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-5FNYG1H54PB040419" aria-label="Details">
9483                                    <div class="vehicle-details-list">
9484
9485                                            <div class="details-item-row ">
9486                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
9487                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
9488                                                        <div id="copy_vin" class="d-inline">5FNYG1H54PB040419</div>
9489                                                    </div>
9490                                            </div>
9491
9492                                            <div class="details-item-row">
9493                                                <div class="details-item-label">Stock #</div>
9494                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
9495                                                    <div id="copy_stock" class="d-inline">4914</div>
9496                                                </div>
9497                                            </div>
9498
9499                                        
9500
9501                                            <div class="details-item-row">
9502                                                <div class="details-item-label">Model Code</div>
9503                                                <div class="details-item-value">#YG1H5PENW</div>
9504                                            </div>
9505
9506                                            <div class="details-item-row">
9507                                                <div class="details-item-label">Exterior</div>
9508                                                <div class="details-item-value d-flex align-items-center">
9509                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%"></div>
9510                                                        <div class="ml-2">Black</div>
9511                                                </div>
9512                                            </div>
9513
9514                                            <div class="details-item-row">
9515                                                <div class="details-item-label">Interior</div>
9516                                                <div class="details-item-value d-flex align-items-center">
9517                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
9518                                                    <div class="ml-2 interior-word-break">Black</div>
9519                                                </div>
9520                                            </div>
9521
9522                                            <div class="details-item-row">
9523                                                <div class="details-item-label">Drivetrain</div>
9524                                                <div class="details-item-value">AWD</div>
9525                                            </div>
9526
9527                                            <div class="details-item-row">
9528                                                <div class="details-item-label">Engine</div>
9529                                                        <div class="details-item-value">Regular Gasoline V-6 3.5 L/212</div>
9530                                            </div>
9531                                            <div class="details-item-row">
9532                                                <div class="details-item-label">Transmission</div>
9533                                                <div class="details-item-value">Automatic</div>
9534                                            </div>
9535                                                <div class="details-item-row">
9536                                                    <div class="details-item-label">Mileage</div>
9537                                                    <div class="details-item-value">60,563 Miles</div>
9538                                                </div>
9539
9540                                    </div>
9541
9542                                </div>
9543                                <div :class="(activeTabsByVin['5FNYG1H54PB040419'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-5FNYG1H54PB040419" aria-label="Pricing">
9544                                            <div class="msrppanel-label">
9545                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):showMsrp)'>
9546
9547
9548                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-33450' :sh
9548owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9549                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
9550                                                                                        
9551
9552<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
9553    Selling Price
9554</div>
9555<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$33,450</div>
9556
9557
9558                                                                                    </div>
9559                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
9560                                                                                                <div>
9561                                                                                                    Doc Fee
9562                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
9563                                                                                                </div>
9564                                                                                                <div class="d-flex pl-2">
9565                                                                                                    &#x2B;$548
9566                                                                                                </div>
9567                                                                                            </div>
9568                                                                            <div id="5fnyg1h54pb040419-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
9569                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
9570                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
9571                                                                                </span>
9572                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="5fnyg1h54pb040419-unlock-discount-price"></label></span>
9573                                                                            </div>
9574                                                                            <div id="5fnyg1h54pb040419-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
9575                                                                                <div class="mr-2" style="color:#000">
9576                                                                                    <span id="5fnyg1h54pb040419-selling-price-label" class="p-0">Your Price</span>
9577                                                                                </div>
9578                                                                                <div id="5fnyg1h54pb040419-your-price-hide" class=" " style="color:#000">$33,998</div>
9579                                                                            </div>
9580                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
9581                                                                                <div class="mr-2" style="color:#000">
9582                                                                                    <sp
9582an id="5fnyg1h54pb040419-selling-price-label" class="p-0">Your Price</span>
9583                                                                                </div>
9584                                                                                <div id="5fnyg1h54pb040419-your-price" class=" " style="color:#000">$33,998</div>
9585                                                                            </div>
9586
9587
9588
9589
9590                                                        <total-incentive-discount qualified-data=''
9591                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9592                                                                                :pricedata="{'msrp':'33450','yourPrice':'33998.0'}"
9593                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9594                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9595                                                    <div class="color-black ft-16 mt-1">
9596            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
9597                Disclosure
9598            </div>
9599</div>
9600
9601                                                </div>
9602
9603                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5FNYG1H54PB040419", "false"==="true"):!showMsrp )'>
9604                                                                    <div v-if="!unlockHideMsrp">
9605                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-33450' :sh
9605owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9606                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9607                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9608                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$33,450</div>
9609                                                                        </div>
9610                                                                    </div>
9611
9612                                                </div>
9613                                            </div>
9614                                </div>
9615                            </div>
9616                        </div>
9617                        <div id="cta-params-5FNYG1H54PB040419"
9618                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:33998.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9619                        </div>
9620
9621                        <div>
9622
9623                            <vehicle-badges model="Pilot"
9624                                            :current="'srp'"
9625                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
9626                                            :eyesight="''"
9627                                            :starlink="''"
9628                                            :von="''"
9629                                            :onorder="''"
9630                                            :vin="'5FNYG1H54PB040419'"
9631                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance'"
9632                                            :vehicle-badges-top-srp="'False'"
9633                                            :year="'2023'"
9634                                            :in-transit-background-color-srp="''"
9635                                            :in-transit-badge-color-srp="''"
9636                                            :in-production-background-color-srp="''"
9637                                            :in-production-badge-color-srp="''"
9638                                            @opendisclaimer="openDisclaimerPopup($event)">
9639                            </vehicle-badges>
9640
9641                                <div class="d-flex flex-wrap">
9642                                    
9643
9644
9645
9646
9647
9648
9649                                </div>
9650                        </div>
9651
9652
9653
9654                        <div class="d-flex flex-wrap srp-certified-img-section">
9655
9656
9657
9658                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/_3pBus4gAEBEjgGviFFyjNpc2sdrZRl7pduck7w8zqP-XtBLfDUHjYtl9m550yeC-g55pxKxN4EkV6jMSbe-2QCn2AGA2Mu5E78')">
9659                                        <img src="https://partnerstatic.
9659carfax.com/img/valuebadge/1own_good.svg"
9660                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
9661                                    </div>
9662                                <div class="text-center third-party-payment-tool">
9663                                    <span data-cg-vin="5FNYG1H54PB040419" data-cg-price="33998.0"></span>
9664                                </div>
9665
9666
9667
9668
9669
9670                        </div>
9671
9672                        <div v-if="currentTheme == 'subaru'" class="mt-3">
9673                            <subaru-badge-new model="Pilot"
9674                                            year="2023"
9675                                            make="Honda"
9676                                            type="Used"
9677                                            :current="'srp'"
9678                                            :transit="'False'"
9679                                            :eyesight="''"
9680                                            :starlink="''"
9681                                            :von="''"
9682                                            :onorder="''"
9683                                            :vin="'5FNYG1H54PB040419'"
9684                                            :hide-in-transit="'False'"
9685                                            :vehicle-badges-top-srp="'False'"
9686                                            :subaru-consumer-report-class="''"
9687                                            :in-transit-background-color-srp="''"
9688                                            :in-transit-badge-color-srp="''"
9689                                            >
9690                            </subaru-badge-new>
9691                        </div>
9692
9693                    </div>
9694                </div>
9695
9696
9697
9698            </div>
9699        </a>
9700        <template v-if="true">
9701            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
9702                <div v-if="openDetailsOverlay && selectedVinForOverlay == '5FNYG1H54PB040419'" class="vehicle-data-overlay-container"
9703                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
9704                     @keydown.esc.prevent="closeDetailsOverlay()"
9705                     @keydown.tab="srpOverlayTrapFocus($event)">
9706                    <div class="vehicle-overlay-data">
9707                        <div class="srp-overlay-options">
9708                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9709                                <div class="d-flex align-items-center" style="gap: 20px;">
9710                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
9711                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
9712                                    <h3 class="mb-0">Options</h3>
9713                                </div>
9714                                <div>
9715                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
9716                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
9717                                </div>
9718                            </div>
9719
9720                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
9721                                <div class="overlay-nav-items px-3 pt-4">
9722                                    <div class="d-flex overlay-nav-item" tabindex="0"
9723                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '5FNYG1H54PB040419', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '5FNYG1H54PB040419', overlayType: '
9723share-options', label: 'Share' })">
9724                                        <em class="primaryicon-share-icon"></em>
9725                                        <span>Share</span>
9726                                    </div>
9727
9728                                        <div class="d-flex overlay-nav-item"
9729                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '5FNYG1H54PB040419', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '5FNYG1H54PB040419', overlayType: 'key-features', label: 'Key Features' })">
9730                                            <em class="primaryicon-key-features-icon"></em>
9731                                            <span>Key Features</span>
9732                                        </div>
9733                                        <div class="d-flex overlay-nav-item"
9734                                        tabindex="0" role="button" @click.prevent='openChatAssistant("5FNYG1H54PB040419")' @keydown.enter.space.prevent='openChatAssistant("5FNYG1H54PB040419")'>
9735                                            <em class="primaryicon-assistant-icon"></em>
9736                                            <span>Ask Us Anything</span>
9737                                        </div>
9738                                </div>
9739
9740                                <div class="pt-4 px-3 mt-3">
9741                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance")' target="_self"
9742                                        @keydown.space.prevent="$event.currentTarget.click()"
9743                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
9744                                        View Details
9745                                    </a>
9746                                </div>
9747                            </div>
9748                        </div>
9749                    </div>
9750                </div>
9751            </transition>
9752            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
9753                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '5FNYG1H54PB040419'"
9754                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
9755                     @keydown.esc.prevent="navigateToDetailsOverlay()"
9756                     @keydown.tab="srpOverlayTrapFocus($event)">
9757                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9758                        <div class="d-flex align-items-center" style="gap: 20px;">
9759                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
9760                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
9761                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
9762                        </div>
9763                        <div>
9764                            <em class="primaryicon-close-icon-gray"
9765                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
9766                        </div>
9767                    </div>
9768                    <div class="mt-3 pt-4 overlay-section-links">
9769                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
9770                        <template v-if="!isLoadingOverlayDetails">
9771                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
9772                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility?type=finance" vehicle-name="Used 2023 Honda Pilot EX-L 7 Passenger" :page-type-id="18" :style-id="434712" class="overlay-section-content"></share-options>
9773                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
9774                        </template>
9775                    </div>
9776                </div>
9777            </transition>
9778        </template>
9779    </div>
9780        
9780<script type="application/javascript">
9781
9782            var rebatesString = "[]";
9783            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
9784            localStorage.setItem("3CZRZ2H52SM700220-rebates", formattedRebatesString);
9785
9786        </script>
9786
9787<div data-itemid="Honda-HR-V-Sport-3CZRZ2H52SM700220" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
9788        <a href="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "3CZRZ2H52SM700220", "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "11",msrp:"25523",yourPrice:"26071.0",sellingPrice:"25523",type:"Used",title:`2025 Honda HR-V Sport`},"false"==="true"), setVintoTransact("3CZRZ2H52SM700220", $event,{styleId:"456489"})'
9789        @mouseleave="clearMouseHoverValue()"
9790        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
9791        used-large-box" style="height: 100%;">
9792
9793            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
9794                <div class="position-relative">
9795                    <div class="srp-top-badges">
9796                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
9797                            <div class="d-flex align-items-center gap-10">
9798                                            <div class="specials-indicator-wrapper">
9799                                                <inventory-specials-indicator
9800                                                bg-color="#9D0026 !important"
9801                                                text="Today&#x27;s Special">
9802                                                </inventory-specials-indicator>
9803                                            </div>
9804                            </div>
9805                        </div>
9806
9807                    </div>
9808
9809
9810                    <div id="EZ360_CVDP"></div>
9811
9812                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
9813                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3CZRZ2H52SM700220'" class="vehicle-box__image">
9814                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/1480651a048f4b2185fda3fa87d433c5.jpg" class="img-fluid srp-vehiclebox-image"
9815                                    title="2025 Honda HR-V Sport" alt="2025 Honda HR-V Sport" />
9816
9817                        </div>
9818
9819                        <div class="dp-srp-evox-media-3CZRZ2H52SM700220" v-show="currentHoveredBlock === 'dp-srp-evox-media-3CZRZ2H52SM700220'"></div>
9820
9821                        <div class="vehicle-info-icon">
9822                            <em
9823                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3CZRZ2H52SM700220')"
9824                            class="primaryicon-options-btn-new info-icon-css"
9825                            data-vin="3CZRZ2H52SM700220"
9826                            tabindex="0"
9827                            role="button"
9828                            aria-label="Vehicle info"
9829                            @click.stop.prevent="openVehicleInfoOverlay($event, '3CZRZ2H52SM700220')"
9830                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3CZRZ2H52SM700220')"
9831                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
9832                        </div>
9833                    </div>
9834
9835
9836                    <div class="vehiclebox-info-section p-3">
9837                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
9838                            <div class="d-flex">
9839                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
9840                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
9841                                        2025 Honda HR-V Sport
9842                                    </h2>
9843                                </div>
9844                            </div>
9845                        </div>
9846
9847                        <div class="vehicle-summary-section mt-3 ">
9848                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
9849                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
9850            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):showMsrp)'>
9851                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
9852                                            <div class="mr-2" style="color:#000">
9853                                                <span id="3czrz2h52sm700220-price-summary-label">Your Price</span>
9854                                            </div>
9855                                            <div id="3czrz2h52sm700220-price-summary-value" class=" " style="color:#000">$26,071</div>
9856                                        </div>
9857
9858            </div>
9859            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):!showMsrp )'>
9860                                <div v-if="!unlockHideMsrp">
9861                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
9862                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
9863                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,523</div>
9864                                    </div>
9865                                </div>
9866
9867            </div>
9868        </div>
9869
9870                            </div>
9871
9872                                <template v-if="true">
9873                                    <div class="vehicle-summary-cta flex-1">
9874                                        <object>
9875                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
9876                <a v-if="applySecondaryDesign" href=""
9877                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
9878                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9879                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9880                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9881                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
9882                <a v-else href=""
9883                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
9884                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9885                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9886                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9887                   @mouseover="onCTABtnHover('', '', '', $event)">
9888                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
9889                    60-Second Quote
9890                </a>
9891            </div>
9892
9893                                        </object>
9894                                    </div>
9895                                </template>
9896                        </div>
9897<div class="color-black ft-16 mt-1">
9898            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
9899                Disclosure
9900            </div>
9901</div>
9902
9903
9904                        <div class="show section-separator my-4"></div>
9905
9906
9907                            <template v-if="true">
9908                                <object>
9909                                    <div class="app-level-cta-container">
9910
9911
9912
9913
9914
9915
9916
9917                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3CZRZ2H52SM700220","false"==="true"))' class="primary-button-parent">
9918                                                    <a :style="ctaBtnStyles"
9919                                                     tabindex="0" role="button"
9920                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance", "3CZRZ2H52SM700220", "Used")'
9921                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance", "3CZRZ2H52SM700220", "Used")'
9922                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
9923                                                        {{inventorySettings.data.buttonLabel}}
9924                                                    </a>
9925                                                 </div>
9926                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
9927                                                                    <a v-if="applySecondaryDesign" href=""
9928                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
9929                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9930                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9931                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9932                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9933                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
9934                                                                    <a v-else href=""
9935                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
9936                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9937                                                                        @click.prevent="
9938                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9939                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9940                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9941                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9942                                                                        Ask A Question
9943                                                                    </a>
9944                                                                </div>
9945                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
9946                                                                    <a v-if="applySecondary
9946Design" href=""
9947                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
9948                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9949                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9950                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9951                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
9952                                                                    <a v-else href=""
9953                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
9954                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
9955                                                                        @click.prevent="
9956                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3CZRZ2H52SM700220&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27786A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9957                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
9958                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9959                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
9960                                                                        Value My Trade
9961                                                                    </a>
9962                                                                </div>
9963
9964
9965
9966                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
9967                                                <a tabindex="0"
9968                                                role="button"
9969                                                @click.prevent='openSoftPullModel("0", "3CZRZ2H52SM700220", "0", "2025", "Honda", "HR-V", "Sport", "59998", "Used","", $event)'
9970                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3CZRZ2H52SM700220", "0", "2025", "Honda", "HR-V", "Sport", "59998", "Used","", $event)'
9971                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
9972                                                style="background-color: #000000 !important; color: #FFFFFF !important"
9973                                                @mouseover="updateStyles($event, '','','')"
9974                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
9975                                                >
9976                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
9977                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
9978                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
9979                                                </a>
9980                                            </div>
9981
9982                                    </div>
9983                                </object>
9984                            </template>
9985
9986                            <div class="mt-3">
9987
9988
9989                                <div class="inventory-btns" style="width:100%;" v-cloak>
9990
9991
9992                                    <object class="d-flex flex-column primary-inventory-btn-group">
9993                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9994                                        <div class="pi-pullup-container"></div>
9995                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9996
9997                                        <div class="dvs_vin_btn" vin="3CZRZ2H52SM700220"></div>
9998
9999
10000
10001
10002
10003
10004                                    </object>
10005
10006
10007
10008
10009
10010
10011
10012
10013
10014                                    
10015
10016
10017
10018
10019
10020
10021
10022
10023
10024                                </div>
10025
10026
10027
10028
10029
10030
10031                            </div>
10032
10033                            <active-engage-widget v-if="isEnableActivEngageSrp"
10034                                                custom-class="py-2 ft-12"></active-engage-widget>
10035                        <div class="srp-tabs-section mt-3">
10036                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
10037                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3CZRZ2H52SM700220'] || 'details') === 'details' }"
10038                                    tabindex="0" role="tab"
10039                                    aria-label="Details"
10040                                    :aria-selected="(activeTabsByVin['3CZRZ2H52SM700220'] || 'details') === 'details'"
10041                                    aria-controls="tab-panel-details-3CZRZ2H52SM700220"
10042                                    @click.stop.prevent="setActiveTab('details', '3CZRZ2H52SM700220')"
10043                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3CZRZ2H52SM700220')">
10044                                        Details
10045                                    </div>
10046                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3CZRZ2H52SM700220'] || 'details') === 'payments' }"
10047                                tabindex="0" role="tab"
10048                                aria-label="Pricing"
10049                                :aria-selected="(activeTabsByVin['3CZRZ2H52SM700220'] || 'details') === 'payments'"
10050                                aria-controls="tab-panel-payments-3CZRZ2H52SM700220"
10051                                @click.stop.prevent="setActiveTab('payments', '3CZRZ2H52SM700220')"
10052                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3CZRZ2H52SM700220')">
10053                                    Pricing
10054                                </div>
10055                            </div>
10056
10057                            <div class="srp-tab-content">
10058                                <div :class="(activeTabsByVin['3CZRZ2H52SM700220'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3CZRZ2H52SM700220" aria-label="Details">
10059                                    <div class="vehicle-details-list">
10060
10061                                            <div class="details-item-row ">
10062                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
10063                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
10064                                                        <div id="copy_vin" class="d-inline">3CZRZ2H52SM700220</div>
10065                                                    </div>
10066                                            </div>
10067
10068                                            <div class="details-item-row">
10069                                                <div class="details-item-label">Stock #</div>
10070                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
10071                                                    <div id="copy_stock" class="d-inline">H27786A</div>
10072                                                </div>
10073                                            </div>
10074
10075                                        
10076
10077                                            <div class="details-item-row">
10078                                                <div class="details-item-label">Model Code</div>
10079                                                <div class="details-item-value">#RZ2H5SEW</div>
10080                                            </div>
10081
10082                                            <div class="details-item-row">
10083                                                <div class="details-item-label">Exterior</div>
10084                                                <div class="details-item-value d-flex align-items-center">
10085                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #720413; border-radius: 50%"></div>
10086                                                        <div class="ml-2">Milano Red</div>
10087                                                </div>
10088                                            </div>
10089
10090                                            <div class="details-item-row">
10091                                                <div class="details-item-label">Interior</div>
10092                                                <div class="details-item-value d-flex align-items-center">
10093                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
10094                                                    <div class="ml-2 interior-word-break">Black</div>
10095                                                </div>
10096                                            </div>
10097
10098                                            <div class="details-item-row">
10099                                                <div class="details-item-label">Drivetrain</div>
10100                                                <div class="details-item-value">AWD</div>
10101                                            </div>
10102
10103                                            <div class="details-item-row">
10104                                                <div class="details-item-label">Engine</div>
10105                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
10106                                            </div>
10107                                            <div class="details-item-row">
10108                                                <div class="details-item-label">Transmission</div>
10109                                                <div class="details-item-value">CVT</div>
10110                                            </div>
10111                                                <div class="details-item-row">
10112                                                    <div class="details-item-label">Mileage</div>
10113                                                    <div class="details-item-value">18,196 Miles</div>
10114                                                </div>
10115
10116                                    </div>
10117
10118                                </div>
10119                                <div :class="(activeTabsByVin['3CZRZ2H52SM700220'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3CZRZ2H52SM700220" aria-label="Pricing">
10120                                            <div class="msrppanel-label">
10121                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):showMsrp)'>
10122
10123
10124                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25523' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10125                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
10126                                                                                        
10127
10128<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
10129    Selling Price
10130</div>
10131<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,523</div>
10132
10133
10134                                                                                    </div>
10135                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
10136                                                                                                <div>
10137                                                                                                    Doc Fee
10138                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10139                                                                                                </div>
10140                                                                                                <div class="d-flex pl-2">
10141                                                                                                    &#x2B;$548
10142                                                                                                </div>
10143                                                                                            </div>
10144                                                                            <div id="3czrz2h52sm700220-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
10145                                                                                <sp
10145an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
10146                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
10147                                                                                </span>
10148                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3czrz2h52sm700220-unlock-discount-price"></label></span>
10149                                                                            </div>
10150                                                                            <div id="3czrz2h52sm700220-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
10151                                                                                <div class="mr-2" style="color:#000">
10152                                                                                    <span id="3czrz2h52sm700220-selling-price-label" class="p-0">Your Price</span>
10153                                                                                </div>
10154                                                                                <div id="3czrz2h52sm700220-your-price-hide" class=" " style="color:#000">$26,071</div>
10155                                                                            </div>
10156                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
10157                                                                                <div class="mr-2" style="color:#000">
10158                                                                                    <span id="3czrz2h52sm700220-selling-price-label" class="p-0">Your Price</span>
10159                                                                                </div>
10160                                                                                <div id="3czrz2h52sm700220-your-price" class=" " style="color:#000">$26,071</div>
10161                                                                            </div>
10162
10163
10164
10165
10166                                                        <total-incentive-discount qualified-data=''
10167                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
10168                                                                                :pricedata="{'msrp':'25523','yourPrice':'26071.0'}"
10169                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
10170                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
10171                                                    <div class="color-black ft-16 mt-1">
10172            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
10173                Disclosure
10174            </div>
10175</div>
10176
10177                                                </div>
10178
10179                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52SM700220", "false"==="true"):!showMsrp )'>
10180                                                                    <div v-if="!unlockHideMsrp">
10181                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25523' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10182                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
10183                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
10184                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,523</div>
10185                                                                        </div>
10186                                                                    </div>
10187
10188                                                </div>
10189                                            </div>
10190                                </div>
10191                            </div>
10192                        </div>
10193                        <div id="cta-params-3CZRZ2H52SM700220"
10194                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:26071.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
10195                        </div>
10196
10197                        <div>
10198
10199                            <vehicle-badges model="HR-V"
10200                                            :current="'srp'"
10201                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
10202                                            :eyesight="''"
10203                                            :starlink="''"
10204                                            :von="''"
10205                                            :onorder="''"
10206                                            :vin="'3CZRZ2H52SM700220'"
10207                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance'"
10208                                            :vehicle-badges-top-srp="'False'"
10209                                            :year="'2025'"
10210                                            :in-transit-background-color-srp="''"
10211                                            :in-transit-badge-color-srp="''"
10212                                            :in-production-background-color-srp="''"
10213                                            :in-production-badge-color-srp="''"
10214                                            @opendisclaimer="openDisclaimerPopup($event)">
10215                            </vehicle-badges>
10216
10217                                <div class="d-flex flex-wrap">
10218                                    
10219
10220
10221
10222
10223
10224
10225                                </div>
10226                        </div>
10227
10228
10229
10230                        <div class="d-flex flex-wrap srp-certified-img-section">
10231
10232
10233
10234                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/kj6Dh2hCYUFyhCB3MfCIiBO_LTbRp0YO4n-H9oDVf8TU-0Dh1znpVbFEFcoFNu7iuHoyUOc9XGgialGMMPlGohyCPanRHHKBc2U')">
10235                                        <img src="https://partnerstatic.
10235carfax.com/img/valuebadge/1own_great.svg"
10236                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
10237                                    </div>
10238                                <div class="text-center third-party-payment-tool">
10239                                    <span data-cg-vin="3CZRZ2H52SM700220" data-cg-price="26071.0"></span>
10240                                </div>
10241
10242
10243
10244
10245
10246                        </div>
10247
10248                        <div v-if="currentTheme == 'subaru'" class="mt-3">
10249                            <subaru-badge-new model="HR-V"
10250                                            year="2025"
10251                                            make="Honda"
10252                                            type="Used"
10253                                            :current="'srp'"
10254                                            :transit="'False'"
10255                                            :eyesight="''"
10256                                            :starlink="''"
10257                                            :von="''"
10258                                            :onorder="''"
10259                                            :vin="'3CZRZ2H52SM700220'"
10260                                            :hide-in-transit="'False'"
10261                                            :vehicle-badges-top-srp="'False'"
10262                                            :subaru-consumer-report-class="''"
10263                                            :in-transit-background-color-srp="''"
10264                                            :in-transit-badge-color-srp="''"
10265                                            >
10266                            </subaru-badge-new>
10267                        </div>
10268
10269                    </div>
10270                </div>
10271
10272
10273
10274            </div>
10275        </a>
10276        <template v-if="true">
10277            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
10278                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3CZRZ2H52SM700220'" class="vehicle-data-overlay-container"
10279                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
10280                     @keydown.esc.prevent="closeDetailsOverlay()"
10281                     @keydown.tab="srpOverlayTrapFocus($event)">
10282                    <div class="vehicle-overlay-data">
10283                        <div class="srp-overlay-options">
10284                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10285                                <div class="d-flex align-items-center" style="gap: 20px;">
10286                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
10287                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
10288                                    <h3 class="mb-0">Options</h3>
10289                                </div>
10290                                <div>
10291                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
10292                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
10293                                </div>
10294                            </div>
10295
10296                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
10297                                <div class="overlay-nav-items px-3 pt-4">
10298                                    <div class="d-flex overlay-nav-item" tabindex="0"
10299                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52SM700220', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52SM700220', overlayType: '
10299share-options', label: 'Share' })">
10300                                        <em class="primaryicon-share-icon"></em>
10301                                        <span>Share</span>
10302                                    </div>
10303
10304                                        <div class="d-flex overlay-nav-item"
10305                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52SM700220', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52SM700220', overlayType: 'key-features', label: 'Key Features' })">
10306                                            <em class="primaryicon-key-features-icon"></em>
10307                                            <span>Key Features</span>
10308                                        </div>
10309                                        <div class="d-flex overlay-nav-item"
10310                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3CZRZ2H52SM700220")' @keydown.enter.space.prevent='openChatAssistant("3CZRZ2H52SM700220")'>
10311                                            <em class="primaryicon-assistant-icon"></em>
10312                                            <span>Ask Us Anything</span>
10313                                        </div>
10314                                </div>
10315
10316                                <div class="pt-4 px-3 mt-3">
10317                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance")' target="_self"
10318                                        @keydown.space.prevent="$event.currentTarget.click()"
10319                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
10320                                        View Details
10321                                    </a>
10322                                </div>
10323                            </div>
10324                        </div>
10325                    </div>
10326                </div>
10327            </transition>
10328            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
10329                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3CZRZ2H52SM700220'"
10330                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
10331                     @keydown.esc.prevent="navigateToDetailsOverlay()"
10332                     @keydown.tab="srpOverlayTrapFocus($event)">
10333                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10334                        <div class="d-flex align-items-center" style="gap: 20px;">
10335                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
10336                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
10337                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
10338                        </div>
10339                        <div>
10340                            <em class="primaryicon-close-icon-gray"
10341                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
10342                        </div>
10343                    </div>
10344                    <div class="mt-3 pt-4 overlay-section-links">
10345                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
10346                        <template v-if="!isLoadingOverlayDetails">
10347                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
10348                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility?type=finance" vehicle-name="Used 2025 Honda HR-V Sport" :page-type-id="18" :style-id="456489" 
10348class="overlay-section-content"></share-options>
10349                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
10350                        </template>
10351                    </div>
10352                </div>
10353            </transition>
10354        </template>
10355    </div>
10356        
10356<script type="application/javascript">
10357
10358            var rebatesString = "[]";
10359            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
10360            localStorage.setItem("1HGCY1F29RA009048-rebates", formattedRebatesString);
10361
10362        </script>
10362
10363<div data-itemid="Honda-Accord Sedan-LX-1HGCY1F29RA009048" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
10364        <a href="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "1HGCY1F29RA009048", "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "12",msrp:"21348",yourPrice:"21896.0",sellingPrice:"21348",type:"Used",title:`2024 Honda Accord Sedan LX`},"false"==="true"), setVintoTransact("1HGCY1F29RA009048", $event,{styleId:"447667"})'
10365        @mouseleave="clearMouseHoverValue()"
10366        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
10367        used-large-box" style="height: 100%;">
10368
10369            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
10370                <div class="position-relative">
10371                    <div class="srp-top-badges">
10372                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
10373                            <div class="d-flex align-items-center gap-10">
10374                                            <div class="specials-indicator-wrapper">
10375                                                <inventory-specials-indicator
10376                                                bg-color="#9D0026 !important"
10377                                                text="Today&#x27;s Special">
10378                                                </inventory-specials-indicator>
10379                                            </div>
10380                            </div>
10381                        </div>
10382
10383                    </div>
10384
10385
10386                    <div id="EZ360_CVDP"></div>
10387
10388                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
10389                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1HGCY1F29RA009048'" class="vehicle-box__image">
10390                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/d30156f983074a94985aa74360067e8a.jpg" class="img-fluid srp-vehiclebox-image"
10391                                    title="2024 Honda Accord Sedan LX" alt="2024 Honda Accord Sedan LX" />
10392
10393                        </div>
10394
10395                        <div class="dp-srp-evox-media-1HGCY1F29RA009048" v-show="currentHoveredBlock === 'dp-srp-evox-media-1HGCY1F29RA009048'"></div>
10396
10397                        <div class="vehicle-info-icon">
10398                            <em
10399                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1HGCY1F29RA009048')"
10400                            class="primaryicon-options-btn-new info-icon-css"
10401                            data-vin="1HGCY1F29RA009048"
10402                            tabindex="0"
10403                            role="button"
10404                            aria-label="Vehicle info"
10405                            @click.stop.prevent="openVehicleInfoOverlay($event, '1HGCY1F29RA009048')"
10406                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1HGCY1F29RA009048')"
10407                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
10408                        </div>
10409                    </div>
10410
10411
10412                    <div class="vehiclebox-info-section p-3">
10413                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
10414                            <div class="d-flex">
10415                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
10416                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
10417                                        2024 Honda Accord Sedan LX
10418                                    </h2>
10419                                </div>
10420                            </div>
10421                        </div>
10422
10423                        <div class="vehicle-summary-section mt-3 ">
10424                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
10425                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
10426            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):showMsrp)'>
10427                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
10428                                            <div class="mr-2" style="color:#000">
10429                                                <span id="1hgcy1f29ra009048-price-summary-label">Your Price</span>
10430                                            </div>
10431                                            <div id="1hgcy1f29ra009048-price-summary-value" class=" " style="color:#000">$21,896</div>
10432                                        </div>
10433
10434            </div>
10435            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):!showMsrp )'>
10436                                <div v-if="!unlockHideMsrp">
10437                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
10438                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
10439                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$21,348</div>
10440                                    </div>
10441                                </div>
10442
10443            </div>
10444        </div>
10445
10446                            </div>
10447
10448                                <template v-if="true">
10449                                    <div class="vehicle-summary-cta flex-1">
10450                                        <object>
10451                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
10452                <a v-if="applySecondaryDesign" href=""
10453                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
10454                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
10455                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10456                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
10457                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
10458                <a v-else href=""
10459                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
10460                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
10461                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10462                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
10463                   @mouseover="onCTABtnHover('', '', '', $event)">
10464                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
10465                    60-Second Quote
10466                </a>
10467            </div>
10468
10469                                        </object>
10470                                    </div>
10471                                </template>
10472                        </div>
10473<div class="color-black ft-16 mt-1">
10474            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
10475                Disclosure
10476            </div>
10477</div>
10478
10479
10480                        <div class="show section-separator my-4"></div>
10481
10482
10483                            <template v-if="true">
10484                                <object>
10485                                    <div class="app-level-cta-container">
10486
10487
10488
10489
10490
10491
10492
10493                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1HGCY1F29RA009048","false"==="true"))' class="primary-button-parent">
10494                                                    <a :style="ctaBtnStyles"
10495                                                     tabindex="0" role="button"
10496                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance", "1HGCY1F29RA009048", "Used")'
10497                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance", "1HGCY1F29RA009048", "Used")'
10498                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
10499                                                        {{inventorySettings.data.buttonLabel}}
10500                                                    </a>
10501                                                 </div>
10502                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
10503                                                                    <a v-if="applySecondaryDesign" href=""
10504                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
10505                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
10506                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10507                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10508                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
10509                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
10510                                                                    <a v-else href=""
10511                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
10512                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
10513                                                                        @click.prevent="
10514                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10515                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10516                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
10517                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
10518                                                                        Ask A Question
10519                                                                    </a>
10520                                                                </div>
10521                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
10522                                                                    <a v-if="applySecondary
10522Design" href=""
10523                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
10524                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
10525                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10526                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
10527                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
10528                                                                    <a v-else href=""
10529                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
10530                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
10531                                                                        @click.prevent="
10532                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1HGCY1F29RA009048&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27698A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10533                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
10534                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
10535                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
10536                                                                        Value My Trade
10537                                                                    </a>
10538                                                                </div>
10539
10540
10541
10542                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
10543                                                <a tabindex="0"
10544                                                role="button"
10545                                                @click.prevent='openSoftPullModel("0", "1HGCY1F29RA009048", "0", "2024", "Honda", "Accord Sedan", "LX", "59998", "Used","", $event)'
10546                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1HGCY1F29RA009048", "0", "2024", "Honda", "Accord Sedan", "LX", "59998", "Used","", $event)'
10547                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
10548                                                style="background-color: #000000 !important; color: #FFFFFF !important"
10549                                                @mouseover="updateStyles($event, '','','')"
10550                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
10551                                                >
10552                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
10553                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
10554                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
10555                                                </a>
10556                                            </div>
10557
10558                                    </div>
10559                                </object>
10560                            </template>
10561
10562                            <div class="mt-3">
10563
10564
10565                                <div class="inventory-btns" style="width:100%;" v-cloak>
10566
10567
10568                                    <object class="d-flex flex-column primary-inventory-btn-group">
10569                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
10570                                        <div class="pi-pullup-container"></div>
10571                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
10572
10573                                        <div class="dvs_vin_btn" vin="1HGCY1F29RA009048"></div>
10574
10575
10576
10577
10578
10579
10580                                    </object>
10581
10582
10583
10584
10585
10586
10587
10588
10589
10590                                    
10591
10592
10593
10594
10595
10596
10597
10598
10599
10600                                </div>
10601
10602
10603
10604
10605
10606
10607                            </div>
10608
10609                            <active-engage-widget v-if="isEnableActivEngageSrp"
10610                                                custom-class="py-2 ft-12"></active-engage-widget>
10611                        <div class="srp-tabs-section mt-3">
10612                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
10613                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1HGCY1F29RA009048'] || 'details') === 'details' }"
10614                                    tabindex="0" role="tab"
10615                                    aria-label="Details"
10616                                    :aria-selected="(activeTabsByVin['1HGCY1F29RA009048'] || 'details') === 'details'"
10617                                    aria-controls="tab-panel-details-1HGCY1F29RA009048"
10618                                    @click.stop.prevent="setActiveTab('details', '1HGCY1F29RA009048')"
10619                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1HGCY1F29RA009048')">
10620                                        Details
10621                                    </div>
10622                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1HGCY1F29RA009048'] || 'details') === 'payments' }"
10623                                tabindex="0" role="tab"
10624                                aria-label="Pricing"
10625                                :aria-selected="(activeTabsByVin['1HGCY1F29RA009048'] || 'details') === 'payments'"
10626                                aria-controls="tab-panel-payments-1HGCY1F29RA009048"
10627                                @click.stop.prevent="setActiveTab('payments', '1HGCY1F29RA009048')"
10628                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1HGCY1F29RA009048')">
10629                                    Pricing
10630                                </div>
10631                            </div>
10632
10633                            <div class="srp-tab-content">
10634                                <div :class="(activeTabsByVin['1HGCY1F29RA009048'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1HGCY1F29RA009048" aria-label="Details">
10635                                    <div class="vehicle-details-list">
10636
10637                                            <div class="details-item-row ">
10638                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
10639                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
10640                                                        <div id="copy_vin" class="d-inline">1HGCY1F29RA009048</div>
10641                                                    </div>
10642                                            </div>
10643
10644                                            <div class="details-item-row">
10645                                                <div class="details-item-label">Stock #</div>
10646                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
10647                                                    <div id="copy_stock" class="d-inline">H27698A</div>
10648                                                </div>
10649                                            </div>
10650
10651                                        
10652
10653                                            <div class="details-item-row">
10654                                                <div class="details-item-label">Model Code</div>
10655                                                <div class="details-item-value">#CY1F2REW</div>
10656                                            </div>
10657
10658                                            <div class="details-item-row">
10659                                                <div class="details-item-label">Exterior</div>
10660                                                <div class="details-item-value d-flex align-items-center">
10661                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #9B0019; border-radius: 50%"></div>
10662                                                        <div class="ml-2">Radiant Red</div>
10663                                                </div>
10664                                            </div>
10665
10666                                            <div class="details-item-row">
10667                                                <div class="details-item-label">Interior</div>
10668                                                <div class="details-item-value d-flex align-items-center">
10669                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
10670                                                    <div class="ml-2 interior-word-break">Black</div>
10671                                                </div>
10672                                            </div>
10673
10674                                            <div class="details-item-row">
10675                                                <div class="details-item-label">Drivetrain</div>
10676                                                <div class="details-item-value">FWD</div>
10677                                            </div>
10678
10679                                            <div class="details-item-row">
10680                                                <div class="details-item-label">Engine</div>
10681                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 1.5 L/91</div>
10682                                            </div>
10683                                            <div class="details-item-row">
10684                                                <div class="details-item-label">Transmission</div>
10685                                                <div class="details-item-value">CVT</div>
10686                                            </div>
10687                                                <div class="details-item-row">
10688                                                    <div class="details-item-label">Mileage</div>
10689                                                    <div class="details-item-value">48,767 Miles</div>
10690                                                </div>
10691
10692                                    </div>
10693
10694                                </div>
10695                                <div :class="(activeTabsByVin['1HGCY1F29RA009048'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1HGCY1F29RA009048" aria-label="Pricing">
10696                                            <div class="msrppanel-label">
10697                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):showMsrp)'>
10698
10699
10700                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-21348' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10701                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
10702                                                                                        
10703
10704<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
10705    Selling Price
10706</div>
10707<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$21,348</div>
10708
10709
10710                                                                                    </div>
10711                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
10712                                                                                                <div>
10713                                                                                                    Doc Fee
10714                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10715                                                                                                </div>
10716                                                                                                <div class="d-flex pl-2">
10717                                                                                                    &#x2B;$548
10718                                                                                                </div>
10719                                                                                            </div>
10720                                                                            <div id="1hgcy1f29ra009048-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
10721                                                                                <sp
10721an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
10722                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
10723                                                                                </span>
10724                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1hgcy1f29ra009048-unlock-discount-price"></label></span>
10725                                                                            </div>
10726                                                                            <div id="1hgcy1f29ra009048-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
10727                                                                                <div class="mr-2" style="color:#000">
10728                                                                                    <span id="1hgcy1f29ra009048-selling-price-label" class="p-0">Your Price</span>
10729                                                                                </div>
10730                                                                                <div id="1hgcy1f29ra009048-your-price-hide" class=" " style="color:#000">$21,896</div>
10731                                                                            </div>
10732                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
10733                                                                                <div class="mr-2" style="color:#000">
10734                                                                                    <span id="1hgcy1f29ra009048-selling-price-label" class="p-0">Your Price</span>
10735                                                                                </div>
10736                                                                                <div id="1hgcy1f29ra009048-your-price" class=" " style="color:#000">$21,896</div>
10737                                                                            </div>
10738
10739
10740
10741
10742                                                        <total-incentive-discount qualified-data=''
10743                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
10744                                                                                :pricedata="{'msrp':'21348','yourPrice':'21896.0'}"
10745                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
10746                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
10747                                                    <div class="color-black ft-16 mt-1">
10748            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
10749                Disclosure
10750            </div>
10751</div>
10752
10753                                                </div>
10754
10755                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F29RA009048", "false"==="true"):!showMsrp )'>
10756                                                                    <div v-if="!unlockHideMsrp">
10757                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-21348' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10758                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
10759                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
10760                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$21,348</div>
10761                                                                        </div>
10762                                                                    </div>
10763
10764                                                </div>
10765                                            </div>
10766                                </div>
10767                            </div>
10768                        </div>
10769                        <div id="cta-params-1HGCY1F29RA009048"
10770                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:21896.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
10771                        </div>
10772
10773                        <div>
10774
10775                            <vehicle-badges model="Accord Sedan"
10776                                            :current="'srp'"
10777                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
10778                                            :eyesight="''"
10779                                            :starlink="''"
10780                                            :von="''"
10781                                            :onorder="''"
10782                                            :vin="'1HGCY1F29RA009048'"
10783                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance'"
10784                                            :vehicle-badges-top-srp="'False'"
10785                                            :year="'2024'"
10786                                            :in-transit-background-color-srp="''"
10787                                            :in-transit-badge-color-srp="''"
10788                                            :in-production-background-color-srp="''"
10789                                            :in-production-badge-color-srp="''"
10790                                            @opendisclaimer="openDisclaimerPopup($event)">
10791                            </vehicle-badges>
10792
10793                                <div class="d-flex flex-wrap">
10794                                    
10795
10796
10797
10798
10799
10800
10801                                </div>
10802                        </div>
10803
10804
10805
10806                        <div class="d-flex flex-wrap srp-certified-img-section">
10807
10808
10809
10810                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/EbWNmGVPAFWjyG2oW2l_slZtUWP7-P9V7ClGt-Di-1dZ-QIkF3rn6ENYwAkkCu6cHm16NSv9JcFHvdN_Q9EGZZ4pT0y44IgCHVM')">
10811                                        <img src="https://partnerstatic.
10811carfax.com/img/valuebadge/1own_great.svg"
10812                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
10813                                    </div>
10814                                <div class="text-center third-party-payment-tool">
10815                                    <span data-cg-vin="1HGCY1F29RA009048" data-cg-price="21896.0"></span>
10816                                </div>
10817
10818
10819
10820
10821
10822                        </div>
10823
10824                        <div v-if="currentTheme == 'subaru'" class="mt-3">
10825                            <subaru-badge-new model="Accord Sedan"
10826                                            year="2024"
10827                                            make="Honda"
10828                                            type="Used"
10829                                            :current="'srp'"
10830                                            :transit="'False'"
10831                                            :eyesight="''"
10832                                            :starlink="''"
10833                                            :von="''"
10834                                            :onorder="''"
10835                                            :vin="'1HGCY1F29RA009048'"
10836                                            :hide-in-transit="'False'"
10837                                            :vehicle-badges-top-srp="'False'"
10838                                            :subaru-consumer-report-class="''"
10839                                            :in-transit-background-color-srp="''"
10840                                            :in-transit-badge-color-srp="''"
10841                                            >
10842                            </subaru-badge-new>
10843                        </div>
10844
10845                    </div>
10846                </div>
10847
10848
10849
10850            </div>
10851        </a>
10852        <template v-if="true">
10853            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
10854                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1HGCY1F29RA009048'" class="vehicle-data-overlay-container"
10855                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
10856                     @keydown.esc.prevent="closeDetailsOverlay()"
10857                     @keydown.tab="srpOverlayTrapFocus($event)">
10858                    <div class="vehicle-overlay-data">
10859                        <div class="srp-overlay-options">
10860                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10861                                <div class="d-flex align-items-center" style="gap: 20px;">
10862                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
10863                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
10864                                    <h3 class="mb-0">Options</h3>
10865                                </div>
10866                                <div>
10867                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
10868                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
10869                                </div>
10870                            </div>
10871
10872                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
10873                                <div class="overlay-nav-items px-3 pt-4">
10874                                    <div class="d-flex overlay-nav-item" tabindex="0"
10875                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F29RA009048', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F29RA009048', overlayType: '
10875share-options', label: 'Share' })">
10876                                        <em class="primaryicon-share-icon"></em>
10877                                        <span>Share</span>
10878                                    </div>
10879
10880                                        <div class="d-flex overlay-nav-item"
10881                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F29RA009048', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F29RA009048', overlayType: 'key-features', label: 'Key Features' })">
10882                                            <em class="primaryicon-key-features-icon"></em>
10883                                            <span>Key Features</span>
10884                                        </div>
10885                                        <div class="d-flex overlay-nav-item"
10886                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1HGCY1F29RA009048")' @keydown.enter.space.prevent='openChatAssistant("1HGCY1F29RA009048")'>
10887                                            <em class="primaryicon-assistant-icon"></em>
10888                                            <span>Ask Us Anything</span>
10889                                        </div>
10890                                </div>
10891
10892                                <div class="pt-4 px-3 mt-3">
10893                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance")' target="_self"
10894                                        @keydown.space.prevent="$event.currentTarget.click()"
10895                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
10896                                        View Details
10897                                    </a>
10898                                </div>
10899                            </div>
10900                        </div>
10901                    </div>
10902                </div>
10903            </transition>
10904            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
10905                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1HGCY1F29RA009048'"
10906                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
10907                     @keydown.esc.prevent="navigateToDetailsOverlay()"
10908                     @keydown.tab="srpOverlayTrapFocus($event)">
10909                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10910                        <div class="d-flex align-items-center" style="gap: 20px;">
10911                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
10912                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
10913                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
10914                        </div>
10915                        <div>
10916                            <em class="primaryicon-close-icon-gray"
10917                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
10918                        </div>
10919                    </div>
10920                    <div class="mt-3 pt-4 overlay-section-links">
10921                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
10922                        <template v-if="!isLoadingOverlayDetails">
10923                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
10924                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car?type=finance" vehicle-name="Used 2024 Honda Accord Sedan LX" :page-type-id="18" :style-id="447667" class="overlay-section-content"></share-options>
10925                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
10926                        </template>
10927                    </div>
10928                </div>
10929            </transition>
10930        </template>
10931    </div>
10932        
10932<script type="application/javascript">
10933
10934            var rebatesString = "[]";
10935            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
10936            localStorage.setItem("2HGFE2F55RH524832-rebates", formattedRebatesString);
10937
10938        </script>
10938
10939<div data-itemid="Honda-Civic Sedan-Sport-2HGFE2F55RH524832" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
10940        <a href="https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "2HGFE2F55RH524832", "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "13",msrp:"22000",yourPrice:"22548.0",sellingPrice:"22000",type:"Used",title:`2024 Honda Civic Sedan Sport`},"false"==="true"), setVintoTransact("2HGFE2F55RH524832", $event,{styleId:"446967"})'
10941        @mouseleave="clearMouseHoverValue()"
10942        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
10943        used-large-box" style="height: 100%;">
10944
10945            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
10946                <div class="position-relative">
10947                    <div class="srp-top-badges">
10948                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
10949                            <div class="d-flex align-items-center gap-10">
10950                                            <div class="specials-indicator-wrapper">
10951                                                <inventory-specials-indicator
10952                                                bg-color="#9D0026 !important"
10953                                                text="Today&#x27;s Special">
10954                                                </inventory-specials-indicator>
10955                                            </div>
10956                            </div>
10957                        </div>
10958
10959                    </div>
10960
10961
10962                    <div id="EZ360_CVDP"></div>
10963
10964                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
10965                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-2HGFE2F55RH524832'" class="vehicle-box__image">
10966                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/bb23f00b5fe94f96a9de4557932b0817.jpg" class="img-fluid srp-vehiclebox-image"
10967                                    title="2024 Honda Civic Sedan Sport" alt="2024 Honda Civic Sedan Sport" />
10968
10969                        </div>
10970
10971                        <div class="dp-srp-evox-media-2HGFE2F55RH524832" v-show="currentHoveredBlock === 'dp-srp-evox-media-2HGFE2F55RH524832'"></div>
10972
10973                        <div class="vehicle-info-icon">
10974                            <em
10975                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '2HGFE2F55RH524832')"
10976                            class="primaryicon-options-btn-new info-icon-css"
10977                            data-vin="2HGFE2F55RH524832"
10978                            tabindex="0"
10979                            role="button"
10980                            aria-label="Vehicle info"
10981                            @click.stop.prevent="openVehicleInfoOverlay($event, '2HGFE2F55RH524832')"
10982                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '2HGFE2F55RH524832')"
10983                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
10984                        </div>
10985                    </div>
10986
10987
10988                    <div class="vehiclebox-info-section p-3">
10989                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
10990                            <div class="d-flex">
10991                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
10992                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
10993                                        2024 Honda Civic Sedan Sport
10994                                    </h2>
10995                                </div>
10996                            </div>
10997                        </div>
10998
10999                        <div class="vehicle-summary-section mt-3 ">
11000                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
11001                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
11002            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):showMsrp)'>
11003                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
11004                                            <div class="mr-2" style="color:#000">
11005                                                <span id="2hgfe2f55rh524832-price-summary-label">Your Price</span>
11006                                            </div>
11007                                            <div id="2hgfe2f55rh524832-price-summary-value" class=" " style="color:#000">$22,548</div>
11008                                        </div>
11009
11010            </div>
11011            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):!showMsrp )'>
11012                                <div v-if="!unlockHideMsrp">
11013                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
11014                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
11015                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,000</div>
11016                                    </div>
11017                                </div>
11018
11019            </div>
11020        </div>
11021
11022                            </div>
11023
11024                                <template v-if="true">
11025                                    <div class="vehicle-summary-cta flex-1">
11026                                        <object>
11027                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
11028                <a v-if="applySecondaryDesign" href=""
11029                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
11030                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11031                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11032                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11033                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
11034                <a v-else href=""
11035                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
11036                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11037                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11038                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11039                   @mouseover="onCTABtnHover('', '', '', $event)">
11040                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
11041                    60-Second Quote
11042                </a>
11043            </div>
11044
11045                                        </object>
11046                                    </div>
11047                                </template>
11048                        </div>
11049<div class="color-black ft-16 mt-1">
11050            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
11051                Disclosure
11052            </div>
11053</div>
11054
11055
11056                        <div class="show section-separator my-4"></div>
11057
11058
11059                            <template v-if="true">
11060                                <object>
11061                                    <div class="app-level-cta-container">
11062
11063
11064
11065
11066
11067
11068
11069                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "2HGFE2F55RH524832","false"==="true"))' class="primary-button-parent">
11070                                                    <a :style="ctaBtnStyles"
11071                                                     tabindex="0" role="button"
11072                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance", "2HGFE2F55RH524832", "Used")'
11073                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance", "2HGFE2F55RH524832", "Used")'
11074                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
11075                                                        {{inventorySettings.data.buttonLabel}}
11076                                                    </a>
11077                                                 </div>
11078                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
11079                                                                    <a v-if="applySecondaryDesign" href=""
11080                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
11081                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11082                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11083                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11084                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11085                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
11086                                                                    <a v-else href=""
11087                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
11088                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11089                                                                        @click.prevent="
11090                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11091                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11092                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11093                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
11094                                                                        Ask A Question
11095                                                                    </a>
11096                                                                </div>
11097                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
11098                                                                    <a v-if="applySecondary
11098Design" href=""
11099                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
11100                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11101                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11102                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11103                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
11104                                                                    <a v-else href=""
11105                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
11106                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11107                                                                        @click.prevent="
11108                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2HGFE2F55RH524832&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27729A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11109                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11110                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
11111                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
11112                                                                        Value My Trade
11113                                                                    </a>
11114                                                                </div>
11115
11116
11117
11118                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
11119                                                <a tabindex="0"
11120                                                role="button"
11121                                                @click.prevent='openSoftPullModel("0", "2HGFE2F55RH524832", "0", "2024", "Honda", "Civic Sedan", "Sport", "59998", "Used","", $event)'
11122                                                @keydown.enter.space.prevent='openSoftPullModel("0", "2HGFE2F55RH524832", "0", "2024", "Honda", "Civic Sedan", "Sport", "59998", "Used","", $event)'
11123                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
11124                                                style="background-color: #000000 !important; color: #FFFFFF !important"
11125                                                @mouseover="updateStyles($event, '','','')"
11126                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
11127                                                >
11128                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
11129                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
11130                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
11131                                                </a>
11132                                            </div>
11133
11134                                    </div>
11135                                </object>
11136                            </template>
11137
11138                            <div class="mt-3">
11139
11140
11141                                <div class="inventory-btns" style="width:100%;" v-cloak>
11142
11143
11144                                    <object class="d-flex flex-column primary-inventory-btn-group">
11145                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11146                                        <div class="pi-pullup-container"></div>
11147                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11148
11149                                        <div class="dvs_vin_btn" vin="2HGFE2F55RH524832"></div>
11150
11151
11152
11153
11154
11155
11156                                    </object>
11157
11158
11159
11160
11161
11162
11163
11164
11165
11166                                    
11167
11168
11169
11170
11171
11172
11173
11174
11175
11176                                </div>
11177
11178
11179
11180
11181
11182
11183                            </div>
11184
11185                            <active-engage-widget v-if="isEnableActivEngageSrp"
11186                                                custom-class="py-2 ft-12"></active-engage-widget>
11187                        <div class="srp-tabs-section mt-3">
11188                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
11189                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2HGFE2F55RH524832'] || 'details') === 'details' }"
11190                                    tabindex="0" role="tab"
11191                                    aria-label="Details"
11192                                    :aria-selected="(activeTabsByVin['2HGFE2F55RH524832'] || 'details') === 'details'"
11193                                    aria-controls="tab-panel-details-2HGFE2F55RH524832"
11194                                    @click.stop.prevent="setActiveTab('details', '2HGFE2F55RH524832')"
11195                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '2HGFE2F55RH524832')">
11196                                        Details
11197                                    </div>
11198                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2HGFE2F55RH524832'] || 'details') === 'payments' }"
11199                                tabindex="0" role="tab"
11200                                aria-label="Pricing"
11201                                :aria-selected="(activeTabsByVin['2HGFE2F55RH524832'] || 'details') === 'payments'"
11202                                aria-controls="tab-panel-payments-2HGFE2F55RH524832"
11203                                @click.stop.prevent="setActiveTab('payments', '2HGFE2F55RH524832')"
11204                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '2HGFE2F55RH524832')">
11205                                    Pricing
11206                                </div>
11207                            </div>
11208
11209                            <div class="srp-tab-content">
11210                                <div :class="(activeTabsByVin['2HGFE2F55RH524832'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-2HGFE2F55RH524832" aria-label="Details">
11211                                    <div class="vehicle-details-list">
11212
11213                                            <div class="details-item-row ">
11214                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
11215                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
11216                                                        <div id="copy_vin" class="d-inline">2HGFE2F55RH524832</div>
11217                                                    </div>
11218                                            </div>
11219
11220                                            <div class="details-item-row">
11221                                                <div class="details-item-label">Stock #</div>
11222                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
11223                                                    <div id="copy_stock" class="d-inline">H27729A</div>
11224                                                </div>
11225                                            </div>
11226
11227                                        
11228
11229                                            <div class="details-item-row">
11230                                                <div class="details-item-label">Model Code</div>
11231                                                <div class="details-item-value">#FE2F5REW</div>
11232                                            </div>
11233
11234                                            <div class="details-item-row">
11235                                                <div class="details-item-label">Exterior</div>
11236                                                <div class="details-item-value d-flex align-items-center">
11237                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #949393; border-radius: 50%"></div>
11238                                                        <div class="ml-2">Lunar Silver Metallic</div>
11239                                                </div>
11240                                            </div>
11241
11242                                            <div class="details-item-row">
11243                                                <div class="details-item-label">Interior</div>
11244                                                <div class="details-item-value d-flex align-items-center">
11245                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
11246                                                    <div class="ml-2 interior-word-break">Black</div>
11247                                                </div>
11248                                            </div>
11249
11250                                            <div class="details-item-row">
11251                                                <div class="details-item-label">Drivetrain</div>
11252                                                <div class="details-item-value">FWD</div>
11253                                            </div>
11254
11255                                            <div class="details-item-row">
11256                                                <div class="details-item-label">Engine</div>
11257                                                        <div class="details-item-value">Regular Unleaded I-4 2.0 L/122</div>
11258                                            </div>
11259                                            <div class="details-item-row">
11260                                                <div class="details-item-label">Transmission</div>
11261                                                <div class="details-item-value">CVT</div>
11262                                            </div>
11263                                                <div class="details-item-row">
11264                                                    <div class="details-item-label">Mileage</div>
11265                                                    <div class="details-item-value">56,155 Miles</div>
11266                                                </div>
11267
11268                                    </div>
11269
11270                                </div>
11271                                <div :class="(activeTabsByVin['2HGFE2F55RH524832'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-2HGFE2F55RH524832" aria-label="Pricing">
11272                                            <div class="msrppanel-label">
11273                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):showMsrp)'>
11274
11275
11276                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
11277                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
11278                                                                                        
11279
11280<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
11281    Selling Price
11282</div>
11283<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$22,000</div>
11284
11285
11286                                                                                    </div>
11287                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
11288                                                                                                <div>
11289                                                                                                    Doc Fee
11290                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11291                                                                                                </div>
11292                                                                                                <div class="d-flex pl-2">
11293                                                                                                    &#x2B;$548
11294                                                                                                </div>
11295                                                                                            </div>
11296                                                                            <div id="2hgfe2f5
112965rh524832-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
11297                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
11298                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
11299                                                                                </span>
11300                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="2hgfe2f55rh524832-unlock-discount-price"></label></span>
11301                                                                            </div>
11302                                                                            <div id="2hgfe2f55rh524832-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
11303                                                                                <div class="mr-2" style="color:#000">
11304                                                                                    <span id="2hgfe2f55rh524832-selling-price-label" class="p-0">Your Price</span>
11305                                                                                </div>
11306                                                                                <div id="2hgfe2f55rh524832-your-price-hide" class=" " style="color:#000">$22,548</div>
11307                                                                            </div>
11308                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
11309                                                                                <div class="mr-2" style="color:#000">
11310                                                                                    <span id="2hgfe2f55rh524832-selling-price-label" class="p-0">Your Price</span>
11311                                                                                </div>
11312                                                                                <div id="2hgfe2f55rh524832-your-price" class=" " style="color:#000">$22,548</div>
11313                                                                            </div>
11314
11315
11316
11317
11318                                                        <total-incentive-discount qualified-data=''
11319                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
11320                                                                                :pricedata="{'msrp':'22000','yourPrice':'22548.0'}"
11321                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
11322                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
11323                                                    <div class="color-black ft-16 mt-1">
11324            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
11325                Disclosure
11326            </div>
11327</div>
11328
11329                                                </div>
11330
11331                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F55RH524832", "false"==="true"):!showMsrp )'>
11332                                                                    <div v-if="!unlockHideMsrp">
11333                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
11334                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
11335                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
11336                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,000</div>
11337                                                                        </div>
11338                                                                    </div>
11339
11340                                                </div>
11341                                            </div>
11342                                </div>
11343                            </div>
11344                        </div>
11345                        <div id="cta-params-2HGFE2F55RH524832"
11346                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:22548.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
11347                        </div>
11348
11349                        <div>
11350
11351                            <vehicle-badges model="Civic Sedan"
11352                                            :current="'srp'"
11353                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
11354                                            :eyesight="''"
11355                                            :starlink="''"
11356                                            :von="''"
11357                                            :onorder="''"
11358                                            :vin="'2HGFE2F55RH524832'"
11359                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance'"
11360                                            :vehicle-badges-top-srp="'False'"
11361                                            :year="'2024'"
11362                                            :in-transit-background-color-srp="''"
11363                                            :in-transit-badge-color-srp="''"
11364                                            :in-production-background-color-srp="''"
11365                                            :in-production-badge-color-srp="''"
11366                                            @opendisclaimer="openDisclaimerPopup($event)">
11367                            </vehicle-badges>
11368
11369                                <div class="d-flex flex-wrap">
11370                                    
11371
11372
11373
11374
11375
11376
11377                                </div>
11378                        </div>
11379
11380
11381
11382                        <div class="d-flex flex-wrap srp-certified-img-section">
11383
11384
11385
11386                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/qT83U-_lm_7rbCeOx3NSTqrHK-LWS7Wjn_fjbqpoCInCz_5j_RzKXe2MhUH4R_y_gXcer4VX-LUTtLW06RwmyxCdeBWgS4WyFr8')">
11387                                        <img src="https://partnerstatic.
11387carfax.com/img/valuebadge/1own_great.svg"
11388                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
11389                                    </div>
11390                                <div class="text-center third-party-payment-tool">
11391                                    <span data-cg-vin="2HGFE2F55RH524832" data-cg-price="22548.0"></span>
11392                                </div>
11393
11394
11395
11396
11397
11398                        </div>
11399
11400                        <div v-if="currentTheme == 'subaru'" class="mt-3">
11401                            <subaru-badge-new model="Civic Sedan"
11402                                            year="2024"
11403                                            make="Honda"
11404                                            type="Used"
11405                                            :current="'srp'"
11406                                            :transit="'False'"
11407                                            :eyesight="''"
11408                                            :starlink="''"
11409                                            :von="''"
11410                                            :onorder="''"
11411                                            :vin="'2HGFE2F55RH524832'"
11412                                            :hide-in-transit="'False'"
11413                                            :vehicle-badges-top-srp="'False'"
11414                                            :subaru-consumer-report-class="''"
11415                                            :in-transit-background-color-srp="''"
11416                                            :in-transit-badge-color-srp="''"
11417                                            >
11418                            </subaru-badge-new>
11419                        </div>
11420
11421                    </div>
11422                </div>
11423
11424
11425
11426            </div>
11427        </a>
11428        <template v-if="true">
11429            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
11430                <div v-if="openDetailsOverlay && selectedVinForOverlay == '2HGFE2F55RH524832'" class="vehicle-data-overlay-container"
11431                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
11432                     @keydown.esc.prevent="closeDetailsOverlay()"
11433                     @keydown.tab="srpOverlayTrapFocus($event)">
11434                    <div class="vehicle-overlay-data">
11435                        <div class="srp-overlay-options">
11436                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
11437                                <div class="d-flex align-items-center" style="gap: 20px;">
11438                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
11439                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
11440                                    <h3 class="mb-0">Options</h3>
11441                                </div>
11442                                <div>
11443                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
11444                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
11445                                </div>
11446                            </div>
11447
11448                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
11449                                <div class="overlay-nav-items px-3 pt-4">
11450                                    <div class="d-flex overlay-nav-item" tabindex="0"
11451                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F55RH524832', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F55RH524832', overlayType: '
11451share-options', label: 'Share' })">
11452                                        <em class="primaryicon-share-icon"></em>
11453                                        <span>Share</span>
11454                                    </div>
11455
11456                                        <div class="d-flex overlay-nav-item"
11457                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F55RH524832', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F55RH524832', overlayType: 'key-features', label: 'Key Features' })">
11458                                            <em class="primaryicon-key-features-icon"></em>
11459                                            <span>Key Features</span>
11460                                        </div>
11461                                        <div class="d-flex overlay-nav-item"
11462                                        tabindex="0" role="button" @click.prevent='openChatAssistant("2HGFE2F55RH524832")' @keydown.enter.space.prevent='openChatAssistant("2HGFE2F55RH524832")'>
11463                                            <em class="primaryicon-assistant-icon"></em>
11464                                            <span>Ask Us Anything</span>
11465                                        </div>
11466                                </div>
11467
11468                                <div class="pt-4 px-3 mt-3">
11469                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance")' target="_self"
11470                                        @keydown.space.prevent="$event.currentTarget.click()"
11471                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
11472                                        View Details
11473                                    </a>
11474                                </div>
11475                            </div>
11476                        </div>
11477                    </div>
11478                </div>
11479            </transition>
11480            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
11481                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '2HGFE2F55RH524832'"
11482                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
11483                     @keydown.esc.prevent="navigateToDetailsOverlay()"
11484                     @keydown.tab="srpOverlayTrapFocus($event)">
11485                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
11486                        <div class="d-flex align-items-center" style="gap: 20px;">
11487                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
11488                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
11489                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
11490                        </div>
11491                        <div>
11492                            <em class="primaryicon-close-icon-gray"
11493                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
11494                        </div>
11495                    </div>
11496                    <div class="mt-3 pt-4 overlay-section-links">
11497                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
11498                        <template v-if="!isLoadingOverlayDetails">
11499                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
11500                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car?type=finance" vehicle-name="Used 2024 Honda Civ
11500ic Sedan Sport" :page-type-id="18" :style-id="446967" class="overlay-section-content"></share-options>
11501                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
11502                        </template>
11503                    </div>
11504                </div>
11505            </transition>
11506        </template>
11507    </div>
11508        
11508<script type="application/javascript">
11509
11510            var rebatesString = "[]";
11511            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
11512            localStorage.setItem("1HGCY1F32PA043953-rebates", formattedRebatesString);
11513
11514        </script>
11514
11515<div data-itemid="Honda-Accord Sedan-EX-1HGCY1F32PA043953" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
11516        <a href="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "1HGCY1F32PA043953", "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "14",msrp:"25500",yourPrice:"26048.0",sellingPrice:"25500",type:"Used",title:`2023 Honda Accord Sedan EX`},"false"==="true"), setVintoTransact("1HGCY1F32PA043953", $event,{styleId:"0"})'
11517        @mouseleave="clearMouseHoverValue()"
11518        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
11519        used-large-box" style="height: 100%;">
11520
11521            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
11522                <div class="position-relative">
11523                    <div class="srp-top-badges">
11524                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
11525                            <div class="d-flex align-items-center gap-10">
11526                                            <div class="specials-indicator-wrapper">
11527                                                <inventory-specials-indicator
11528                                                bg-color="#9D0026 !important"
11529                                                text="Today&#x27;s Special">
11530                                                </inventory-specials-indicator>
11531                                            </div>
11532                            </div>
11533                        </div>
11534
11535                    </div>
11536
11537
11538                    <div id="EZ360_CVDP"></div>
11539
11540                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
11541                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1HGCY1F32PA043953'" class="vehicle-box__image">
11542                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/bad9e1255d6a416394970bfb8e76e751.jpg" class="img-fluid srp-vehiclebox-image"
11543                                    title="2023 Honda Accord Sedan EX" alt="2023 Honda Accord Sedan EX" />
11544
11545                        </div>
11546
11547                        <div class="dp-srp-evox-media-1HGCY1F32PA043953" v-show="currentHoveredBlock === 'dp-srp-evox-media-1HGCY1F32PA043953'"></div>
11548
11549                        <div class="vehicle-info-icon">
11550                            <em
11551                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1HGCY1F32PA043953')"
11552                            class="primaryicon-options-btn-new info-icon-css"
11553                            data-vin="1HGCY1F32PA043953"
11554                            tabindex="0"
11555                            role="button"
11556                            aria-label="Vehicle info"
11557                            @click.stop.prevent="openVehicleInfoOverlay($event, '1HGCY1F32PA043953')"
11558                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1HGCY1F32PA043953')"
11559                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
11560                        </div>
11561                    </div>
11562
11563
11564                    <div class="vehiclebox-info-section p-3">
11565                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
11566                            <div class="d-flex">
11567                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
11568                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
11569                                        2023 Honda Accord Sedan EX
11570                                    </h2>
11571                                </div>
11572                            </div>
11573                        </div>
11574
11575                        <div class="vehicle-summary-section mt-3 ">
11576                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
11577                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
11578            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):showMsrp)'>
11579                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
11580                                            <div class="mr-2" style="color:#000">
11581                                                <span id="1hgcy1f32pa043953-price-summary-label">Your Price</span>
11582                                            </div>
11583                                            <div id="1hgcy1f32pa043953-price-summary-value" class=" " style="color:#000">$26,048</div>
11584                                        </div>
11585
11586            </div>
11587            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):!showMsrp )'>
11588                                <div v-if="!unlockHideMsrp">
11589                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
11590                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
11591                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,500</div>
11592                                    </div>
11593                                </div>
11594
11595            </div>
11596        </div>
11597
11598                            </div>
11599
11600                                <template v-if="true">
11601                                    <div class="vehicle-summary-cta flex-1">
11602                                        <object>
11603                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
11604                <a v-if="applySecondaryDesign" href=""
11605                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
11606                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11607                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11608                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11609                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
11610                <a v-else href=""
11611                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
11612                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11613                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11614                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11615                   @mouseover="onCTABtnHover('', '', '', $event)">
11616                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
11617                    60-Second Quote
11618                </a>
11619            </div>
11620
11621                                        </object>
11622                                    </div>
11623                                </template>
11624                        </div>
11625<div class="color-black ft-16 mt-1">
11626            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
11627                Disclosure
11628            </div>
11629</div>
11630
11631
11632                        <div class="show section-separator my-4"></div>
11633
11634
11635                            <template v-if="true">
11636                                <object>
11637                                    <div class="app-level-cta-container">
11638
11639
11640
11641
11642
11643
11644
11645                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1HGCY1F32PA043953","false"==="true"))' class="primary-button-parent">
11646                                                    <a :style="ctaBtnStyles"
11647                                                     tabindex="0" role="button"
11648                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance", "1HGCY1F32PA043953", "Used")'
11649                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance", "1HGCY1F32PA043953", "Used")'
11650                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
11651                                                        {{inventorySettings.data.buttonLabel}}
11652                                                    </a>
11653                                                 </div>
11654                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
11655                                                                    <a v-if="applySecondaryDesign" href=""
11656                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
11657                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11658                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11659                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11660                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11661                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
11662                                                                    <a v-else href=""
11663                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
11664                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11665                                                                        @click.prevent="
11666                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11667                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11668                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11669                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
11670                                                                        Ask A Question
11671                                                                    </a>
11672                                                                </div>
11673                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
11674                                                                    <a v-if="applySecondary
11674Design" href=""
11675                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
11676                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11677                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11678                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11679                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
11680                                                                    <a v-else href=""
11681                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
11682                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
11683                                                                        @click.prevent="
11684                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1HGCY1F32PA043953&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Accord Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;4921&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11685                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
11686                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
11687                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
11688                                                                        Value My Trade
11689                                                                    </a>
11690                                                                </div>
11691
11692
11693
11694                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
11695                                                <a tabindex="0"
11696                                                role="button"
11697                                                @click.prevent='openSoftPullModel("0", "1HGCY1F32PA043953", "0", "2023", "Honda", "Accord Sedan", "EX", "59998", "Used","", $event)'
11698                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1HGCY1F32PA043953", "0", "2023", "Honda", "Accord Sedan", "EX", "59998", "Used","", $event)'
11699                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
11700                                                style="background-color: #000000 !important; color: #FFFFFF !important"
11701                                                @mouseover="updateStyles($event, '','','')"
11702                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
11703                                                >
11704                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
11705                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
11706                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
11707                                                </a>
11708                                            </div>
11709
11710                                    </div>
11711                                </object>
11712                            </template>
11713
11714                            <div class="mt-3">
11715
11716
11717                                <div class="inventory-btns" style="width:100%;" v-cloak>
11718
11719
11720                                    <object class="d-flex flex-column primary-inventory-btn-group">
11721                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11722                                        <div class="pi-pullup-container"></div>
11723                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11724
11725                                        <div class="dvs_vin_btn" vin="1HGCY1F32PA043953"></div>
11726
11727
11728
11729
11730
11731
11732                                    </object>
11733
11734
11735
11736
11737
11738
11739
11740
11741
11742                                    
11743
11744
11745
11746
11747
11748
11749
11750
11751
11752                                </div>
11753
11754
11755
11756
11757
11758
11759                            </div>
11760
11761                            <active-engage-widget v-if="isEnableActivEngageSrp"
11762                                                custom-class="py-2 ft-12"></active-engage-widget>
11763                        <div class="srp-tabs-section mt-3">
11764                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
11765                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1HGCY1F32PA043953'] || 'details') === 'details' }"
11766                                    tabindex="0" role="tab"
11767                                    aria-label="Details"
11768                                    :aria-selected="(activeTabsByVin['1HGCY1F32PA043953'] || 'details') === 'details'"
11769                                    aria-controls="tab-panel-details-1HGCY1F32PA043953"
11770                                    @click.stop.prevent="setActiveTab('details', '1HGCY1F32PA043953')"
11771                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1HGCY1F32PA043953')">
11772                                        Details
11773                                    </div>
11774                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1HGCY1F32PA043953'] || 'details') === 'payments' }"
11775                                tabindex="0" role="tab"
11776                                aria-label="Pricing"
11777                                :aria-selected="(activeTabsByVin['1HGCY1F32PA043953'] || 'details') === 'payments'"
11778                                aria-controls="tab-panel-payments-1HGCY1F32PA043953"
11779                                @click.stop.prevent="setActiveTab('payments', '1HGCY1F32PA043953')"
11780                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1HGCY1F32PA043953')">
11781                                    Pricing
11782                                </div>
11783                            </div>
11784
11785                            <div class="srp-tab-content">
11786                                <div :class="(activeTabsByVin['1HGCY1F32PA043953'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1HGCY1F32PA043953" aria-label="Details">
11787                                    <div class="vehicle-details-list">
11788
11789                                            <div class="details-item-row ">
11790                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
11791                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
11792                                                        <div id="copy_vin" class="d-inline">1HGCY1F32PA043953</div>
11793                                                    </div>
11794                                            </div>
11795
11796                                            <div class="details-item-row">
11797                                                <div class="details-item-label">Stock #</div>
11798                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
11799                                                    <div id="copy_stock" class="d-inline">4921</div>
11800                                                </div>
11801                                            </div>
11802
11803                                        
11804
11805                                            <div class="details-item-row">
11806                                                <div class="details-item-label">Model Code</div>
11807                                                <div class="details-item-value">#</div>
11808                                            </div>
11809
11810                                            <div class="details-item-row">
11811                                                <div class="details-item-label">Exterior</div>
11812                                                <div class="details-item-value d-flex align-items-center">
11813                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%"></div>
11814                                                        <div class="ml-2">Meteorite Gray Metallic</div>
11815                                                </div>
11816                                            </div>
11817
11818                                            <div class="details-item-row">
11819                                                <div class="details-item-label">Interior</div>
11820                                                <div class="details-item-value d-flex align-items-center">
11821                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
11822                                                    <div class="ml-2 interior-word-break">Gray</div>
11823                                                </div>
11824                                            </div>
11825
11826                                            <div class="details-item-row">
11827                                                <div class="details-item-label">Drivetrain</div>
11828                                                <div class="details-item-value">FWD</div>
11829                                            </div>
11830
11831                                            <div class="details-item-row">
11832                                                <div class="details-item-label">Engine</div>
11833                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 1.5 L/91</div>
11834                                            </div>
11835                                            <div class="details-item-row">
11836                                                <div class="details-item-label">Transmission</div>
11837                                                <div class="details-item-value">CVT</div>
11838                                            </div>
11839                                                <div class="details-item-row">
11840                                                    <div class="details-item-label">Mileage</div>
11841                                                    <div class="details-item-value">10,681 Miles</div>
11842                                                </div>
11843
11844                                    </div>
11845
11846                                </div>
11847                                <div :class="(activeTabsByVin['1HGCY1F32PA043953'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1HGCY1F32PA043953" aria-label="Pricing">
11848                                            <div class="msrppanel-label">
11849                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):showMsrp)'>
11850
11851
11852                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
11853                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
11854                                                                                        
11855
11856<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
11857    Selling Price
11858</div>
11859<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,500</div>
11860
11861
11862                                                                                    </div>
11863                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
11864                                                                                                <div>
11865                                                                                                    Doc Fee
11866                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11867                                                                                                </div>
11868                                                                                                <div class="d-flex pl-2">
11869                                                                                                    &#x2B;$548
11870                                                                                                </div>
11871                                                                                            </div>
11872                                                                            <div id="1hgcy1f32pa043953-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
11873                                                                                <sp
11873an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
11874                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
11875                                                                                </span>
11876                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1hgcy1f32pa043953-unlock-discount-price"></label></span>
11877                                                                            </div>
11878                                                                            <div id="1hgcy1f32pa043953-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
11879                                                                                <div class="mr-2" style="color:#000">
11880                                                                                    <span id="1hgcy1f32pa043953-selling-price-label" class="p-0">Your Price</span>
11881                                                                                </div>
11882                                                                                <div id="1hgcy1f32pa043953-your-price-hide" class=" " style="color:#000">$26,048</div>
11883                                                                            </div>
11884                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
11885                                                                                <div class="mr-2" style="color:#000">
11886                                                                                    <span id="1hgcy1f32pa043953-selling-price-label" class="p-0">Your Price</span>
11887                                                                                </div>
11888                                                                                <div id="1hgcy1f32pa043953-your-price" class=" " style="color:#000">$26,048</div>
11889                                                                            </div>
11890
11891
11892
11893
11894                                                        <total-incentive-discount qualified-data=''
11895                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
11896                                                                                :pricedata="{'msrp':'25500','yourPrice':'26048.0'}"
11897                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
11898                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
11899                                                    <div class="color-black ft-16 mt-1">
11900            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
11901                Disclosure
11902            </div>
11903</div>
11904
11905                                                </div>
11906
11907                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1HGCY1F32PA043953", "false"==="true"):!showMsrp )'>
11908                                                                    <div v-if="!unlockHideMsrp">
11909                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
11910                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
11911                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
11912                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,500</div>
11913                                                                        </div>
11914                                                                    </div>
11915
11916                                                </div>
11917                                            </div>
11918                                </div>
11919                            </div>
11920                        </div>
11921                        <div id="cta-params-1HGCY1F32PA043953"
11922                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:26048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
11923                        </div>
11924
11925                        <div>
11926
11927                            <vehicle-badges model="Accord Sedan"
11928                                            :current="'srp'"
11929                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
11930                                            :eyesight="''"
11931                                            :starlink="''"
11932                                            :von="''"
11933                                            :onorder="''"
11934                                            :vin="'1HGCY1F32PA043953'"
11935                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance'"
11936                                            :vehicle-badges-top-srp="'False'"
11937                                            :year="'2023'"
11938                                            :in-transit-background-color-srp="''"
11939                                            :in-transit-badge-color-srp="''"
11940                                            :in-production-background-color-srp="''"
11941                                            :in-production-badge-color-srp="''"
11942                                            @opendisclaimer="openDisclaimerPopup($event)">
11943                            </vehicle-badges>
11944
11945                                <div class="d-flex flex-wrap">
11946                                    
11947
11948
11949
11950
11951
11952
11953                                </div>
11954                        </div>
11955
11956
11957
11958                        <div class="d-flex flex-wrap srp-certified-img-section">
11959
11960
11961
11962                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/cdbgJvlHszMZbsWFl9GEdTmnVcP2
11962KRAPfUQJVV4e8q8tBK6nQqfLlOQ99H5llRfT3zpMmTPjyxyF8qA0ZOXlF8mQjCfthSUcuKU')">
11963                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_good.svg"
11964                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
11965                                    </div>
11966                                <div class="text-center third-party-payment-tool">
11967                                    <span data-cg-vin="1HGCY1F32PA043953" data-cg-price="26048.0"></span>
11968                                </div>
11969
11970
11971
11972
11973
11974                        </div>
11975
11976                        <div v-if="currentTheme == 'subaru'" class="mt-3">
11977                            <subaru-badge-new model="Accord Sedan"
11978                                            year="2023"
11979                                            make="Honda"
11980                                            type="Used"
11981                                            :current="'srp'"
11982                                            :transit="'False'"
11983                                            :eyesight="''"
11984                                            :starlink="''"
11985                                            :von="''"
11986                                            :onorder="''"
11987                                            :vin="'1HGCY1F32PA043953'"
11988                                            :hide-in-transit="'False'"
11989                                            :vehicle-badges-top-srp="'False'"
11990                                            :subaru-consumer-report-class="''"
11991                                            :in-transit-background-color-srp="''"
11992                                            :in-transit-badge-color-srp="''"
11993                                            >
11994                            </subaru-badge-new>
11995                        </div>
11996
11997                    </div>
11998                </div>
11999
12000
12001
12002            </div>
12003        </a>
12004        <template v-if="true">
12005            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
12006                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1HGCY1F32PA043953'" class="vehicle-data-overlay-container"
12007                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
12008                     @keydown.esc.prevent="closeDetailsOverlay()"
12009                     @keydown.tab="srpOverlayTrapFocus($event)">
12010                    <div class="vehicle-overlay-data">
12011                        <div class="srp-overlay-options">
12012                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
12013                                <div class="d-flex align-items-center" style="gap: 20px;">
12014                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
12015                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
12016                                    <h3 class="mb-0">Options</h3>
12017                                </div>
12018                                <div>
12019                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
12020                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
12021                                </div>
12022                            </div>
12023
12024                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
12025                                <div class="overlay-nav-items px-3 pt-4">
12026                                    <div class="d-flex overlay-nav-item" tabindex="0"
12027                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F32PA043953', overlayType: '
12027share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F32PA043953', overlayType: 'share-options', label: 'Share' })">
12028                                        <em class="primaryicon-share-icon"></em>
12029                                        <span>Share</span>
12030                                    </div>
12031
12032                                        <div class="d-flex overlay-nav-item"
12033                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F32PA043953', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1HGCY1F32PA043953', overlayType: 'key-features', label: 'Key Features' })">
12034                                            <em class="primaryicon-key-features-icon"></em>
12035                                            <span>Key Features</span>
12036                                        </div>
12037                                        <div class="d-flex overlay-nav-item"
12038                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1HGCY1F32PA043953")' @keydown.enter.space.prevent='openChatAssistant("1HGCY1F32PA043953")'>
12039                                            <em class="primaryicon-assistant-icon"></em>
12040                                            <span>Ask Us Anything</span>
12041                                        </div>
12042                                </div>
12043
12044                                <div class="pt-4 px-3 mt-3">
12045                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance")' target="_self"
12046                                        @keydown.space.prevent="$event.currentTarget.click()"
12047                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
12048                                        View Details
12049                                    </a>
12050                                </div>
12051                            </div>
12052                        </div>
12053                    </div>
12054                </div>
12055            </transition>
12056            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
12057                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1HGCY1F32PA043953'"
12058                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
12059                     @keydown.esc.prevent="navigateToDetailsOverlay()"
12060                     @keydown.tab="srpOverlayTrapFocus($event)">
12061                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
12062                        <div class="d-flex align-items-center" style="gap: 20px;">
12063                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
12064                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
12065                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
12066                        </div>
12067                        <div>
12068                            <em class="primaryicon-close-icon-gray"
12069                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
12070                        </div>
12071                    </div>
12072                    <div class="mt-3 pt-4 overlay-section-links">
12073                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
12074                        <template v-if="!isLoadingOverlayDetails">
12075                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
12076                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car?type=finance" vehicle-name="Used 2023 Honda Accord Sedan EX" :page-type-id="18" :style-id="0" class="overlay-section-content"></share-options>
12077                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
12078                        </template>
12079                    </div>
12080                </div>
12081            </transition>
12082        </template>
12083    </div>
12084        
12084<script type="application/javascript">
12085
12086            var rebatesString = "[]";
12087            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
12088            localStorage.setItem("3CZRZ2H32SM771951-rebates", formattedRebatesString);
12089
12090        </script>
12090
12091<div data-itemid="Honda-HR-V-LX-3CZRZ2H32SM771951" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
12092        <a href="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "3CZRZ2H32SM771951", "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "15",msrp:"25795",yourPrice:"26343.0",sellingPrice:"25795",type:"Used",title:`2025 Honda HR-V LX`},"false"==="true"), setVintoTransact("3CZRZ2H32SM771951", $event,{styleId:"456488"})'
12093        @mouseleave="clearMouseHoverValue()"
12094        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
12095        used-large-box" style="height: 100%;">
12096
12097            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
12098                <div class="position-relative">
12099                    <div class="srp-top-badges">
12100                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
12101                            <div class="d-flex align-items-center gap-10">
12102                                            <div class="specials-indicator-wrapper">
12103                                                <inventory-specials-indicator
12104                                                bg-color="#9D0026 !important"
12105                                                text="Today&#x27;s Special">
12106                                                </inventory-specials-indicator>
12107                                            </div>
12108                            </div>
12109                        </div>
12110
12111                    </div>
12112
12113
12114                    <div id="EZ360_CVDP"></div>
12115
12116                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
12117                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3CZRZ2H32SM771951'" class="vehicle-box__image">
12118                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/09260a8a663f4e1092132564190e6259.jpg" class="img-fluid srp-vehiclebox-image"
12119                                    title="2025 Honda HR-V LX" alt="2025 Honda HR-V LX" />
12120
12121                        </div>
12122
12123                        <div class="dp-srp-evox-media-3CZRZ2H32SM771951" v-show="currentHoveredBlock === 'dp-srp-evox-media-3CZRZ2H32SM771951'"></div>
12124
12125                        <div class="vehicle-info-icon">
12126                            <em
12127                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3CZRZ2H32SM771951')"
12128                            class="primaryicon-options-btn-new info-icon-css"
12129                            data-vin="3CZRZ2H32SM771951"
12130                            tabindex="0"
12131                            role="button"
12132                            aria-label="Vehicle info"
12133                            @click.stop.prevent="openVehicleInfoOverlay($event, '3CZRZ2H32SM771951')"
12134                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3CZRZ2H32SM771951')"
12135                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
12136                        </div>
12137                    </div>
12138
12139
12140                    <div class="vehiclebox-info-section p-3">
12141                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
12142                            <div class="d-flex">
12143                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
12144                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
12145                                        2025 Honda HR-V LX
12146                                    </h2>
12147                                </div>
12148                            </div>
12149                        </div>
12150
12151                        <div class="vehicle-summary-section mt-3 ">
12152                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
12153                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
12154            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):showMsrp)'>
12155                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
12156                                            <div class="mr-2" style="color:#000">
12157                                                <span id="3czrz2h32sm771951-price-summary-label">Your Price</span>
12158                                            </div>
12159                                            <div id="3czrz2h32sm771951-price-summary-value" class=" " style="color:#000">$26,343</div>
12160                                        </div>
12161
12162            </div>
12163            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):!showMsrp )'>
12164                                <div v-if="!unlockHideMsrp">
12165                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
12166                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
12167                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,795</div>
12168                                    </div>
12169                                </div>
12170
12171            </div>
12172        </div>
12173
12174                            </div>
12175
12176                                <template v-if="true">
12177                                    <div class="vehicle-summary-cta flex-1">
12178                                        <object>
12179                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
12180                <a v-if="applySecondaryDesign" href=""
12181                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
12182                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12183                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12184                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12185                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
12186                <a v-else href=""
12187                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
12188                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12189                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12190                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12191                   @mouseover="onCTABtnHover('', '', '', $event)">
12192                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
12193                    60-Second Quote
12194                </a>
12195            </div>
12196
12197                                        </object>
12198                                    </div>
12199                                </template>
12200                        </div>
12201<div class="color-black ft-16 mt-1">
12202            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
12203                Disclosure
12204            </div>
12205</div>
12206
12207
12208                        <div class="show section-separator my-4"></div>
12209
12210
12211                            <template v-if="true">
12212                                <object>
12213                                    <div class="app-level-cta-container">
12214
12215
12216
12217
12218
12219
12220
12221                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3CZRZ2H32SM771951","false"==="true"))' class="primary-button-parent">
12222                                                    <a :style="ctaBtnStyles"
12223                                                     tabindex="0" role="button"
12224                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance", "3CZRZ2H32SM771951", "Used")'
12225                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance", "3CZRZ2H32SM771951", "Used")'
12226                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
12227                                                        {{inventorySettings.data.buttonLabel}}
12228                                                    </a>
12229                                                 </div>
12230                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
12231                                                                    <a v-if="applySecondaryDesign" href=""
12232                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
12233                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12234                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12235                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12236                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12237                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
12238                                                                    <a v-else href=""
12239                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
12240                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12241                                                                        @click.prevent="
12242                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12243                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12244                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12245                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
12246                                                                        Ask A Question
12247                                                                    </a>
12248                                                                </div>
12249                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
12250                                                                    <a v-if="applySecondary
12250Design" href=""
12251                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
12252                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12253                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12254                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12255                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
12256                                                                    <a v-else href=""
12257                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
12258                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12259                                                                        @click.prevent="
12260                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3CZRZ2H32SM771951&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27219A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12261                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12262                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
12263                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
12264                                                                        Value My Trade
12265                                                                    </a>
12266                                                                </div>
12267
12268
12269
12270                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
12271                                                <a tabindex="0"
12272                                                role="button"
12273                                                @click.prevent='openSoftPullModel("0", "3CZRZ2H32SM771951", "0", "2025", "Honda", "HR-V", "LX", "59998", "Used","", $event)'
12274                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3CZRZ2H32SM771951", "0", "2025", "Honda", "HR-V", "LX", "59998", "Used","", $event)'
12275                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
12276                                                style="background-color: #000000 !important; color: #FFFFFF !important"
12277                                                @mouseover="updateStyles($event, '','','')"
12278                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
12279                                                >
12280                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
12281                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
12282                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
12283                                                </a>
12284                                            </div>
12285
12286                                    </div>
12287                                </object>
12288                            </template>
12289
12290                            <div class="mt-3">
12291
12292
12293                                <div class="inventory-btns" style="width:100%;" v-cloak>
12294
12295
12296                                    <object class="d-flex flex-column primary-inventory-btn-group">
12297                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12298                                        <div class="pi-pullup-container"></div>
12299                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12300
12301                                        <div class="dvs_vin_btn" vin="3CZRZ2H32SM771951"></div>
12302
12303
12304
12305
12306
12307
12308                                    </object>
12309
12310
12311
12312
12313
12314
12315
12316
12317
12318                                    
12319
12320
12321
12322
12323
12324
12325
12326
12327
12328                                </div>
12329
12330
12331
12332
12333
12334
12335                            </div>
12336
12337                            <active-engage-widget v-if="isEnableActivEngageSrp"
12338                                                custom-class="py-2 ft-12"></active-engage-widget>
12339                        <div class="srp-tabs-section mt-3">
12340                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
12341                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3CZRZ2H32SM771951'] || 'details') === 'details' }"
12342                                    tabindex="0" role="tab"
12343                                    aria-label="Details"
12344                                    :aria-selected="(activeTabsByVin['3CZRZ2H32SM771951'] || 'details') === 'details'"
12345                                    aria-controls="tab-panel-details-3CZRZ2H32SM771951"
12346                                    @click.stop.prevent="setActiveTab('details', '3CZRZ2H32SM771951')"
12347                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3CZRZ2H32SM771951')">
12348                                        Details
12349                                    </div>
12350                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3CZRZ2H32SM771951'] || 'details') === 'payments' }"
12351                                tabindex="0" role="tab"
12352                                aria-label="Pricing"
12353                                :aria-selected="(activeTabsByVin['3CZRZ2H32SM771951'] || 'details') === 'payments'"
12354                                aria-controls="tab-panel-payments-3CZRZ2H32SM771951"
12355                                @click.stop.prevent="setActiveTab('payments', '3CZRZ2H32SM771951')"
12356                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3CZRZ2H32SM771951')">
12357                                    Pricing
12358                                </div>
12359                            </div>
12360
12361                            <div class="srp-tab-content">
12362                                <div :class="(activeTabsByVin['3CZRZ2H32SM771951'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3CZRZ2H32SM771951" aria-label="Details">
12363                                    <div class="vehicle-details-list">
12364
12365                                            <div class="details-item-row ">
12366                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
12367                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
12368                                                        <div id="copy_vin" class="d-inline">3CZRZ2H32SM771951</div>
12369                                                    </div>
12370                                            </div>
12371
12372                                            <div class="details-item-row">
12373                                                <div class="details-item-label">Stock #</div>
12374                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
12375                                                    <div id="copy_stock" class="d-inline">H27219A</div>
12376                                                </div>
12377                                            </div>
12378
12379                                        
12380
12381                                            <div class="details-item-row">
12382                                                <div class="details-item-label">Model Code</div>
12383                                                <div class="details-item-value">#RZ2H3SEW</div>
12384                                            </div>
12385
12386                                            <div class="details-item-row">
12387                                                <div class="details-item-label">Exterior</div>
12388                                                <div class="details-item-value d-flex align-items-center">
12389                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #EBEAE7; border-radius: 50%"></div>
12390                                                        <div class="ml-2">Platinum White</div>
12391                                                </div>
12392                                            </div>
12393
12394                                            <div class="details-item-row">
12395                                                <div class="details-item-label">Interior</div>
12396                                                <div class="details-item-value d-flex align-items-center">
12397                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
12398                                                    <div class="ml-2 interior-word-break">Black</div>
12399                                                </div>
12400                                            </div>
12401
12402                                            <div class="details-item-row">
12403                                                <div class="details-item-label">Drivetrain</div>
12404                                                <div class="details-item-value">AWD</div>
12405                                            </div>
12406
12407                                            <div class="details-item-row">
12408                                                <div class="details-item-label">Engine</div>
12409                                                        <div class="details-item-value">Regular Gasoline I-4 2.0 L/122</div>
12410                                            </div>
12411                                            <div class="details-item-row">
12412                                                <div class="details-item-label">Transmission</div>
12413                                                <div class="details-item-value">CVT</div>
12414                                            </div>
12415                                                <div class="details-item-row">
12416                                                    <div class="details-item-label">Mileage</div>
12417                                                    <div class="details-item-value">4,774 Miles</div>
12418                                                </div>
12419
12420                                    </div>
12421
12422                                </div>
12423                                <div :class="(activeTabsByVin['3CZRZ2H32SM771951'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3CZRZ2H32SM771951" aria-label="Pricing">
12424                                            <div class="msrppanel-label">
12425                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):showMsrp)'>
12426
12427
12428                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25795' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
12429                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
12430                                                                                        
12431
12432<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
12433    Selling Price
12434</div>
12435<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,795</div>
12436
12437
12438                                                                                    </div>
12439                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
12440                                                                                                <div>
12441                                                                                                    Doc Fee
12442                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
12443                                                                                                </div>
12444                                                                                                <div class="d-flex pl-2">
12445                                                                                                    &#x2B;$548
12446                                                                                                </div>
12447                                                                                            </div>
12448                                                                            <div id="3czrz2h32sm771951-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
12449                                                                                <sp
12449an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
12450                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
12451                                                                                </span>
12452                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3czrz2h32sm771951-unlock-discount-price"></label></span>
12453                                                                            </div>
12454                                                                            <div id="3czrz2h32sm771951-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
12455                                                                                <div class="mr-2" style="color:#000">
12456                                                                                    <span id="3czrz2h32sm771951-selling-price-label" class="p-0">Your Price</span>
12457                                                                                </div>
12458                                                                                <div id="3czrz2h32sm771951-your-price-hide" class=" " style="color:#000">$26,343</div>
12459                                                                            </div>
12460                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
12461                                                                                <div class="mr-2" style="color:#000">
12462                                                                                    <span id="3czrz2h32sm771951-selling-price-label" class="p-0">Your Price</span>
12463                                                                                </div>
12464                                                                                <div id="3czrz2h32sm771951-your-price" class=" " style="color:#000">$26,343</div>
12465                                                                            </div>
12466
12467
12468
12469
12470                                                        <total-incentive-discount qualified-data=''
12471                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
12472                                                                                :pricedata="{'msrp':'25795','yourPrice':'26343.0'}"
12473                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
12474                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
12475                                                    <div class="color-black ft-16 mt-1">
12476            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
12477                Disclosure
12478            </div>
12479</div>
12480
12481                                                </div>
12482
12483                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H32SM771951", "false"==="true"):!showMsrp )'>
12484                                                                    <div v-if="!unlockHideMsrp">
12485                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25795' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
12486                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
12487                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
12488                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,795</div>
12489                                                                        </div>
12490                                                                    </div>
12491
12492                                                </div>
12493                                            </div>
12494                                </div>
12495                            </div>
12496                        </div>
12497                        <div id="cta-params-3CZRZ2H32SM771951"
12498                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:26343.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
12499                        </div>
12500
12501                        <div>
12502
12503                            <vehicle-badges model="HR-V"
12504                                            :current="'srp'"
12505                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
12506                                            :eyesight="''"
12507                                            :starlink="''"
12508                                            :von="''"
12509                                            :onorder="''"
12510                                            :vin="'3CZRZ2H32SM771951'"
12511                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance'"
12512                                            :vehicle-badges-top-srp="'False'"
12513                                            :year="'2025'"
12514                                            :in-transit-background-color-srp="''"
12515                                            :in-transit-badge-color-srp="''"
12516                                            :in-production-background-color-srp="''"
12517                                            :in-production-badge-color-srp="''"
12518                                            @opendisclaimer="openDisclaimerPopup($event)">
12519                            </vehicle-badges>
12520
12521                                <div class="d-flex flex-wrap">
12522                                    
12523
12524
12525
12526
12527
12528
12529                                </div>
12530                        </div>
12531
12532
12533
12534                        <div class="d-flex flex-wrap srp-certified-img-section">
12535
12536
12537
12538                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/5-chFlbRIBduyL35sDfzzY7TASUoAXUaFcYhVV1Rj5uo0G1taERCuAzTYDv-XQbHU2t96o2q3UzdYPYHx5qCQiAH4CmzGfyPXdc')">
12539                                        <img src="https://partnerstatic.
12539carfax.com/img/valuebadge/1own_great.svg"
12540                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
12541                                    </div>
12542                                <div class="text-center third-party-payment-tool">
12543                                    <span data-cg-vin="3CZRZ2H32SM771951" data-cg-price="26343.0"></span>
12544                                </div>
12545
12546
12547
12548
12549
12550                        </div>
12551
12552                        <div v-if="currentTheme == 'subaru'" class="mt-3">
12553                            <subaru-badge-new model="HR-V"
12554                                            year="2025"
12555                                            make="Honda"
12556                                            type="Used"
12557                                            :current="'srp'"
12558                                            :transit="'False'"
12559                                            :eyesight="''"
12560                                            :starlink="''"
12561                                            :von="''"
12562                                            :onorder="''"
12563                                            :vin="'3CZRZ2H32SM771951'"
12564                                            :hide-in-transit="'False'"
12565                                            :vehicle-badges-top-srp="'False'"
12566                                            :subaru-consumer-report-class="''"
12567                                            :in-transit-background-color-srp="''"
12568                                            :in-transit-badge-color-srp="''"
12569                                            >
12570                            </subaru-badge-new>
12571                        </div>
12572
12573                    </div>
12574                </div>
12575
12576
12577
12578            </div>
12579        </a>
12580        <template v-if="true">
12581            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
12582                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3CZRZ2H32SM771951'" class="vehicle-data-overlay-container"
12583                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
12584                     @keydown.esc.prevent="closeDetailsOverlay()"
12585                     @keydown.tab="srpOverlayTrapFocus($event)">
12586                    <div class="vehicle-overlay-data">
12587                        <div class="srp-overlay-options">
12588                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
12589                                <div class="d-flex align-items-center" style="gap: 20px;">
12590                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
12591                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
12592                                    <h3 class="mb-0">Options</h3>
12593                                </div>
12594                                <div>
12595                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
12596                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
12597                                </div>
12598                            </div>
12599
12600                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
12601                                <div class="overlay-nav-items px-3 pt-4">
12602                                    <div class="d-flex overlay-nav-item" tabindex="0"
12603                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H32SM771951', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H32SM771951', overlayType: '
12603share-options', label: 'Share' })">
12604                                        <em class="primaryicon-share-icon"></em>
12605                                        <span>Share</span>
12606                                    </div>
12607
12608                                        <div class="d-flex overlay-nav-item"
12609                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H32SM771951', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H32SM771951', overlayType: 'key-features', label: 'Key Features' })">
12610                                            <em class="primaryicon-key-features-icon"></em>
12611                                            <span>Key Features</span>
12612                                        </div>
12613                                        <div class="d-flex overlay-nav-item"
12614                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3CZRZ2H32SM771951")' @keydown.enter.space.prevent='openChatAssistant("3CZRZ2H32SM771951")'>
12615                                            <em class="primaryicon-assistant-icon"></em>
12616                                            <span>Ask Us Anything</span>
12617                                        </div>
12618                                </div>
12619
12620                                <div class="pt-4 px-3 mt-3">
12621                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance")' target="_self"
12622                                        @keydown.space.prevent="$event.currentTarget.click()"
12623                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
12624                                        View Details
12625                                    </a>
12626                                </div>
12627                            </div>
12628                        </div>
12629                    </div>
12630                </div>
12631            </transition>
12632            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
12633                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3CZRZ2H32SM771951'"
12634                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
12635                     @keydown.esc.prevent="navigateToDetailsOverlay()"
12636                     @keydown.tab="srpOverlayTrapFocus($event)">
12637                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
12638                        <div class="d-flex align-items-center" style="gap: 20px;">
12639                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
12640                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
12641                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
12642                        </div>
12643                        <div>
12644                            <em class="primaryicon-close-icon-gray"
12645                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
12646                        </div>
12647                    </div>
12648                    <div class="mt-3 pt-4 overlay-section-links">
12649                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
12650                        <template v-if="!isLoadingOverlayDetails">
12651                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
12652                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility?type=finance" vehicle-name="Used 2025 Honda HR-V LX" :page-type-id="18" :style-id="456488" class="overlay-section-content"></share-options>
12653                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
12654                        </template>
12655                    </div>
12656                </div>
12657            </transition>
12658        </template>
12659    </div>
12660        
12660<script type="application/javascript">
12661
12662            var rebatesString = "[]";
12663            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
12664            localStorage.setItem("JA4J4VA85NZ023202-rebates", formattedRebatesString);
12665
12666        </script>
12666
12667<div data-itemid="Mitsubishi-Outlander-SEL-JA4J4VA85NZ023202" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
12668        <a href="https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "JA4J4VA85NZ023202", "https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "16",msrp:"20772",yourPrice:"21320.0",sellingPrice:"20772",type:"Used",title:`2022 Mitsubishi Outlander SEL`},"false"==="true"), setVintoTransact("JA4J4VA85NZ023202", $event,{styleId:"419772"})'
12669        @mouseleave="clearMouseHoverValue()"
12670        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
12671        used-large-box" style="height: 100%;">
12672
12673            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
12674                <div class="position-relative">
12675                    <div class="srp-top-badges">
12676                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
12677                            <div class="d-flex align-items-center gap-10">
12678                                            <div class="specials-indicator-wrapper">
12679                                                <inventory-specials-indicator
12680                                                bg-color="#9D0026 !important"
12681                                                text="Today&#x27;s Special">
12682                                                </inventory-specials-indicator>
12683                                            </div>
12684                            </div>
12685                        </div>
12686
12687                    </div>
12688
12689
12690                    <div id="EZ360_CVDP"></div>
12691
12692                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
12693                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JA4J4VA85NZ023202'" class="vehicle-box__image">
12694                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/c1ae897e1025427ab03c6eda183e5369.jpg" class="img-fluid srp-vehiclebox-image"
12695                                    title="2022 Mitsubishi Outlander SEL" alt="2022 Mitsubishi Outlander SEL" />
12696
12697                        </div>
12698
12699                        <div class="dp-srp-evox-media-JA4J4VA85NZ023202" v-show="currentHoveredBlock === 'dp-srp-evox-media-JA4J4VA85NZ023202'"></div>
12700
12701                        <div class="vehicle-info-icon">
12702                            <em
12703                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JA4J4VA85NZ023202')"
12704                            class="primaryicon-options-btn-new info-icon-css"
12705                            data-vin="JA4J4VA85NZ023202"
12706                            tabindex="0"
12707                            role="button"
12708                            aria-label="Vehicle info"
12709                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JA4J4VA85NZ023202')"
12710                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JA4J4VA85NZ023202')"
12711                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
12712                        </div>
12713                    </div>
12714
12715
12716                    <div class="vehiclebox-info-section p-3">
12717                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
12718                            <div class="d-flex">
12719                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
12720                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
12721                                        2022 Mitsubishi Outlander SEL
12722                                    </h2>
12723                                </div>
12724                            </div>
12725                        </div>
12726
12727                        <div class="vehicle-summary-section mt-3 ">
12728                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
12729                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
12730            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):showMsrp)'>
12731                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
12732                                            <div class="mr-2" style="color:#000">
12733                                                <span id="ja4j4va85nz023202-price-summary-label">Your Price</span>
12734                                            </div>
12735                                            <div id="ja4j4va85nz023202-price-summary-value" class=" " style="color:#000">$21,320</div>
12736                                        </div>
12737
12738            </div>
12739            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):!showMsrp )'>
12740                                <div v-if="!unlockHideMsrp">
12741                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
12742                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
12743                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,772</div>
12744                                    </div>
12745                                </div>
12746
12747            </div>
12748        </div>
12749
12750                            </div>
12751
12752                                <template v-if="true">
12753                                    <div class="vehicle-summary-cta flex-1">
12754                                        <object>
12755                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
12756                <a v-if="applySecondaryDesign" href=""
12757                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
12758                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12759                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12760                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12761                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
12762                <a v-else href=""
12763                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
12764                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12765                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12766                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12767                   @mouseover="onCTABtnHover('', '', '', $event)">
12768                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
12769                    60-Second Quote
12770                </a>
12771            </div>
12772
12773                                        </object>
12774                                    </div>
12775                                </template>
12776                        </div>
12777<div class="color-black ft-16 mt-1">
12778            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
12779                Disclosure
12780            </div>
12781</div>
12782
12783
12784                        <div class="show section-separator my-4"></div>
12785
12786
12787                            <template v-if="true">
12788                                <object>
12789                                    <div class="app-level-cta-container">
12790
12791
12792
12793
12794
12795
12796
12797                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JA4J4VA85NZ023202","false"==="true"))' class="primary-button-parent">
12798                                                    <a :style="ctaBtnStyles"
12799                                                     tabindex="0" role="button"
12800                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance", "JA4J4VA85NZ023202", "Used")'
12801                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance", "JA4J4VA85NZ023202", "Used")'
12802                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
12803                                                        {{inventorySettings.data.buttonLabel}}
12804                                                    </a>
12805                                                 </div>
12806                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
12807                                                                    <a v-if="applySecondaryDesign" href=""
12808                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
12809                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12810                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12811                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12812                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12813                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
12814                                                                    <a v-else href=""
12815                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
12816                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12817                                                                        @click.prevent="
12818                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12819                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12820                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12821                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
12822                                                                        Ask A Question
12823                                                                    </a>
12824                                                                </div>
12825                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
12826                                                                    <a v-if="applySecondary
12826Design" href=""
12827                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
12828                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12829                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12830                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12831                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
12832                                                                    <a v-else href=""
12833                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
12834                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
12835                                                                        @click.prevent="
12836                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;JA4J4VA85NZ023202&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Mitsubishi&quot;,&quot;model&quot;:&quot;Outlander&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;K60135A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12837                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
12838                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
12839                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
12840                                                                        Value My Trade
12841                                                                    </a>
12842                                                                </div>
12843
12844
12845
12846                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
12847                                                <a tabindex="0"
12848                                                role="button"
12849                                                @click.prevent='openSoftPullModel("0", "JA4J4VA85NZ023202", "0", "2022", "Mitsubishi", "Outlander", "SEL", "59998", "Used","", $event)'
12850                                                @keydown.enter.space.prevent='openSoftPullModel("0", "JA4J4VA85NZ023202", "0", "2022", "Mitsubishi", "Outlander", "SEL", "59998", "Used","", $event)'
12851                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
12852                                                style="background-color: #000000 !important; color: #FFFFFF !important"
12853                                                @mouseover="updateStyles($event, '','','')"
12854                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
12855                                                >
12856                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
12857                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
12858                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
12859                                                </a>
12860                                            </div>
12861
12862                                    </div>
12863                                </object>
12864                            </template>
12865
12866                            <div class="mt-3">
12867
12868
12869                                <div class="inventory-btns" style="width:100%;" v-cloak>
12870
12871
12872                                    <object class="d-flex flex-column primary-inventory-btn-group">
12873                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12874                                        <div class="pi-pullup-container"></div>
12875                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12876
12877                                        <div class="dvs_vin_btn" vin="JA4J4VA85NZ023202"></div>
12878
12879
12880
12881
12882
12883
12884                                    </object>
12885
12886
12887
12888
12889
12890
12891
12892
12893
12894                                    
12895
12896
12897
12898
12899
12900
12901
12902
12903
12904                                </div>
12905
12906
12907
12908
12909
12910
12911                            </div>
12912
12913                            <active-engage-widget v-if="isEnableActivEngageSrp"
12914                                                custom-class="py-2 ft-12"></active-engage-widget>
12915                        <div class="srp-tabs-section mt-3">
12916                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
12917                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JA4J4VA85NZ023202'] || 'details') === 'details' }"
12918                                    tabindex="0" role="tab"
12919                                    aria-label="Details"
12920                                    :aria-selected="(activeTabsByVin['JA4J4VA85NZ023202'] || 'details') === 'details'"
12921                                    aria-controls="tab-panel-details-JA4J4VA85NZ023202"
12922                                    @click.stop.prevent="setActiveTab('details', 'JA4J4VA85NZ023202')"
12923                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JA4J4VA85NZ023202')">
12924                                        Details
12925                                    </div>
12926                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JA4J4VA85NZ023202'] || 'details') === 'payments' }"
12927                                tabindex="0" role="tab"
12928                                aria-label="Pricing"
12929                                :aria-selected="(activeTabsByVin['JA4J4VA85NZ023202'] || 'details') === 'payments'"
12930                                aria-controls="tab-panel-payments-JA4J4VA85NZ023202"
12931                                @click.stop.prevent="setActiveTab('payments', 'JA4J4VA85NZ023202')"
12932                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JA4J4VA85NZ023202')">
12933                                    Pricing
12934                                </div>
12935                            </div>
12936
12937                            <div class="srp-tab-content">
12938                                <div :class="(activeTabsByVin['JA4J4VA85NZ023202'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JA4J4VA85NZ023202" aria-label="Details">
12939                                    <div class="vehicle-details-list">
12940
12941                                            <div class="details-item-row ">
12942                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
12943                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
12944                                                        <div id="copy_vin" class="d-inline">JA4J4VA85NZ023202</div>
12945                                                    </div>
12946                                            </div>
12947
12948                                            <div class="details-item-row">
12949                                                <div class="details-item-label">Stock #</div>
12950                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
12951                                                    <div id="copy_stock" class="d-inline">K60135A</div>
12952                                                </div>
12953                                            </div>
12954
12955                                        
12956
12957                                            <div class="details-item-row">
12958                                                <div class="details-item-label">Model Code</div>
12959                                                <div class="details-item-value">#OT45-N</div>
12960                                            </div>
12961
12962                                            <div class="details-item-row">
12963                                                <div class="details-item-label">Exterior</div>
12964                                                <div class="details-item-value d-flex align-items-center">
12965                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%"></div>
12966                                                        <div class="ml-2">Black Diamond</div>
12967                                                </div>
12968                                            </div>
12969
12970                                            <div class="details-item-row">
12971                                                <div class="details-item-label">Interior</div>
12972                                                <div class="details-item-value d-flex align-items-center">
12973                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
12974                                                    <div class="ml-2 interior-word-break">Gray</div>
12975                                                </div>
12976                                            </div>
12977
12978                                            <div class="details-item-row">
12979                                                <div class="details-item-label">Drivetrain</div>
12980                                                <div class="details-item-value">4WD</div>
12981                                            </div>
12982
12983                                            <div class="details-item-row">
12984                                                <div class="details-item-label">Engine</div>
12985                                                        <div class="details-item-value">Regular Gasoline I-4 2.5 L/152</div>
12986                                            </div>
12987                                            <div class="details-item-row">
12988                                                <div class="details-item-label">Transmission</div>
12989                                                <div class="details-item-value">CVT</div>
12990                                            </div>
12991                                                <div class="details-item-row">
12992                                                    <div class="details-item-label">Mileage</div>
12993                                                    <div class="details-item-value">72,723 Miles</div>
12994                                                </div>
12995
12996                                    </div>
12997
12998                                </div>
12999                                <div :class="(activeTabsByVin['JA4J4VA85NZ023202'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JA4J4VA85NZ023202" aria-label="Pricing">
13000                                            <div class="msrppanel-label">
13001                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):showMsrp)'>
13002
13003
13004                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20772' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13005                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
13006                                                                                        
13007
13008<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
13009    Selling Price
13010</div>
13011<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">
13011$20,772</div>
13012
13013
13014                                                                                    </div>
13015                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
13016                                                                                                <div>
13017                                                                                                    Doc Fee
13018                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13019                                                                                                </div>
13020                                                                                                <div class="d-flex pl-2">
13021                                                                                                    &#x2B;$548
13022                                                                                                </div>
13023                                                                                            </div>
13024                                                                            <div id="ja4j4va85nz023202-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
13025                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
13026                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
13027                                                                                </span>
13028                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="ja4j4va85nz023202-unlock-discount-price"></label></span>
13029                                                                            </div>
13030                                                                            <div id="ja4j4va85nz023202-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
13031                                                                                <div class="mr-2" style="color:#000">
13032                                                                                    <span id="ja4j4va85nz023202-selling-price-label" class="p-0">Your Price</span>
13033                                                                                </div>
13034                                                                                <div id="ja4j4va85nz023202-your-price-hide" class=" " style="color:#000">$21,320</div>
13035                                                                            </div>
13036                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
13037                                                                                <div class="mr-2" style="color:#000">
13038                                                                                    <span id="ja4j4va85nz023202-selling-price-label" class="p-0">Your Price</span>
13039                                                                                </div>
13040                                                                                <div id="ja4j4va85nz023202-your-price" class=" " style="color:#000">$21,320</div>
13041                                                                            </div>
13042
13043
13044
13045
13046                                                        <total-incentive-discount qualified-data=''
13047                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
13048                                                                                :pricedata="{'msrp':'20772','yourPrice':'21320.0'}"
13049                                                                                :sh
13049owfinalconditionalpricesrp="'False' === 'True'"
13050                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
13051                                                    <div class="color-black ft-16 mt-1">
13052            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
13053                Disclosure
13054            </div>
13055</div>
13056
13057                                                </div>
13058
13059                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JA4J4VA85NZ023202", "false"==="true"):!showMsrp )'>
13060                                                                    <div v-if="!unlockHideMsrp">
13061                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20772' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13062                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
13063                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
13064                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,772</div>
13065                                                                        </div>
13066                                                                    </div>
13067
13068                                                </div>
13069                                            </div>
13070                                </div>
13071                            </div>
13072                        </div>
13073                        <div id="cta-params-JA4J4VA85NZ023202"
13074                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:21320.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
13075                        </div>
13076
13077                        <div>
13078
13079                            <vehicle-badges model="Outlander"
13080                                            :current="'srp'"
13081                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
13082                                            :eyesight="''"
13083                                            :starlink="''"
13084                                            :von="''"
13085                                            :onorder="''"
13086                                            :vin="'JA4J4VA85NZ023202'"
13087                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance'"
13088                                            :vehicle-badges-top-srp="'False'"
13089                                            :year="'2022'"
13090                                            :in-transit-background-color-srp="''"
13091                                            :in-transit-badge-color-srp="''"
13092                                            :in-production-background-color-srp="''"
13093                                            :in-production-badge-color-srp="''"
13094                                            @opendisclaimer="openDisclaimerPopup($event)">
13095                            </vehicle-badges>
13096
13097                                <div class="d-flex flex-wrap">
13098                                    
13099
13100
13101
13102
13103
13104
13105                                </div>
13106                        </div>
13107
13108
13109
13110                        <div class="d-flex flex-wrap srp-certified-img-section">
13111
13112
13113
13114                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/6scivaPjZux3UXh7nJ_GUCXGx2Ss4tZJU-wBIhgs4iBSoUoiIUsuiHZgdi5vj_RgRgbgJRb-5h5Akdgpg4Cnar_kzbY2XFzrhYE')">
13115                                        <img src="https://partnerstatic.
13115carfax.com/img/valuebadge/1own_good.svg"
13116                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
13117                                    </div>
13118                                <div class="text-center third-party-payment-tool">
13119                                    <span data-cg-vin="JA4J4VA85NZ023202" data-cg-price="21320.0"></span>
13120                                </div>
13121
13122
13123
13124
13125
13126                        </div>
13127
13128                        <div v-if="currentTheme == 'subaru'" class="mt-3">
13129                            <subaru-badge-new model="Outlander"
13130                                            year="2022"
13131                                            make="Mitsubishi"
13132                                            type="Used"
13133                                            :current="'srp'"
13134                                            :transit="'False'"
13135                                            :eyesight="''"
13136                                            :starlink="''"
13137                                            :von="''"
13138                                            :onorder="''"
13139                                            :vin="'JA4J4VA85NZ023202'"
13140                                            :hide-in-transit="'False'"
13141                                            :vehicle-badges-top-srp="'False'"
13142                                            :subaru-consumer-report-class="''"
13143                                            :in-transit-background-color-srp="''"
13144                                            :in-transit-badge-color-srp="''"
13145                                            >
13146                            </subaru-badge-new>
13147                        </div>
13148
13149                    </div>
13150                </div>
13151
13152
13153
13154            </div>
13155        </a>
13156        <template v-if="true">
13157            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
13158                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JA4J4VA85NZ023202'" class="vehicle-data-overlay-container"
13159                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
13160                     @keydown.esc.prevent="closeDetailsOverlay()"
13161                     @keydown.tab="srpOverlayTrapFocus($event)">
13162                    <div class="vehicle-overlay-data">
13163                        <div class="srp-overlay-options">
13164                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
13165                                <div class="d-flex align-items-center" style="gap: 20px;">
13166                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
13167                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
13168                                    <h3 class="mb-0">Options</h3>
13169                                </div>
13170                                <div>
13171                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
13172                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
13173                                </div>
13174                            </div>
13175
13176                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
13177                                <div class="overlay-nav-items px-3 pt-4">
13178                                    <div class="d-flex overlay-nav-item" tabindex="0"
13179                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JA4J4VA85NZ023202', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JA4J4VA85NZ023202', overlayType: '
13179share-options', label: 'Share' })">
13180                                        <em class="primaryicon-share-icon"></em>
13181                                        <span>Share</span>
13182                                    </div>
13183
13184                                        <div class="d-flex overlay-nav-item"
13185                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JA4J4VA85NZ023202', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JA4J4VA85NZ023202', overlayType: 'key-features', label: 'Key Features' })">
13186                                            <em class="primaryicon-key-features-icon"></em>
13187                                            <span>Key Features</span>
13188                                        </div>
13189                                        <div class="d-flex overlay-nav-item"
13190                                        tabindex="0" role="button" @click.prevent='openChatAssistant("JA4J4VA85NZ023202")' @keydown.enter.space.prevent='openChatAssistant("JA4J4VA85NZ023202")'>
13191                                            <em class="primaryicon-assistant-icon"></em>
13192                                            <span>Ask Us Anything</span>
13193                                        </div>
13194                                </div>
13195
13196                                <div class="pt-4 px-3 mt-3">
13197                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance")' target="_self"
13198                                        @keydown.space.prevent="$event.currentTarget.click()"
13199                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
13200                                        View Details
13201                                    </a>
13202                                </div>
13203                            </div>
13204                        </div>
13205                    </div>
13206                </div>
13207            </transition>
13208            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
13209                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JA4J4VA85NZ023202'"
13210                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
13211                     @keydown.esc.prevent="navigateToDetailsOverlay()"
13212                     @keydown.tab="srpOverlayTrapFocus($event)">
13213                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
13214                        <div class="d-flex align-items-center" style="gap: 20px;">
13215                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
13216                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
13217                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
13218                        </div>
13219                        <div>
13220                            <em class="primaryicon-close-icon-gray"
13221                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
13222                        </div>
13223                    </div>
13224                    <div class="mt-3 pt-4 overlay-section-links">
13225                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
13226                        <template v-if="!isLoadingOverlayDetails">
13227                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
13228                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility?type=finance" vehicle-name="Used 2022 Mitsubishi Outlander SEL" :page-type-id="18" :style-id="419772" class="overlay-section-content"></share-options>
13229                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
13230                        </template>
13231                    </div>
13232                </div>
13233            </transition>
13234        </template>
13235    </div>
13236        
13236<script type="application/javascript">
13237
13238            var rebatesString = "[]";
13239            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
13240            localStorage.setItem("JTMAB3FV6PD159594-rebates", formattedRebatesString);
13241
13242        </script>
13242
13243<div data-itemid="Toyota-RAV4 Prime-SE-JTMAB3FV6PD159594" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
13244        <a href="https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "JTMAB3FV6PD159594", "https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "17",msrp:"37333",yourPrice:"37881.0",sellingPrice:"37333",type:"Used",title:`2023 Toyota RAV4 Prime SE`},"false"==="true"), setVintoTransact("JTMAB3FV6PD159594", $event,{styleId:"431534"})'
13245        @mouseleave="clearMouseHoverValue()"
13246        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
13247        used-large-box" style="height: 100%;">
13248
13249            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
13250                <div class="position-relative">
13251                    <div class="srp-top-badges">
13252                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
13253                            <div class="d-flex align-items-center gap-10">
13254                                            <div class="specials-indicator-wrapper">
13255                                                <inventory-specials-indicator
13256                                                bg-color="#9D0026 !important"
13257                                                text="Today&#x27;s Special">
13258                                                </inventory-specials-indicator>
13259                                            </div>
13260                            </div>
13261                        </div>
13262
13263                    </div>
13264
13265
13266                    <div id="EZ360_CVDP"></div>
13267
13268                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
13269                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JTMAB3FV6PD159594'" class="vehicle-box__image">
13270                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/48251bf3eaa041edbabeadd611903d88.jpg" class="img-fluid srp-vehiclebox-image"
13271                                    title="2023 Toyota RAV4 Prime SE" alt="2023 Toyota RAV4 Prime SE" />
13272
13273                        </div>
13274
13275                        <div class="dp-srp-evox-media-JTMAB3FV6PD159594" v-show="currentHoveredBlock === 'dp-srp-evox-media-JTMAB3FV6PD159594'"></div>
13276
13277                        <div class="vehicle-info-icon">
13278                            <em
13279                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JTMAB3FV6PD159594')"
13280                            class="primaryicon-options-btn-new info-icon-css"
13281                            data-vin="JTMAB3FV6PD159594"
13282                            tabindex="0"
13283                            role="button"
13284                            aria-label="Vehicle info"
13285                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JTMAB3FV6PD159594')"
13286                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JTMAB3FV6PD159594')"
13287                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
13288                        </div>
13289                    </div>
13290
13291
13292                    <div class="vehiclebox-info-section p-3">
13293                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
13294                            <div class="d-flex">
13295                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
13296                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
13297                                        2023 Toyota RAV4 Prime SE
13298                                    </h2>
13299                                </div>
13300                            </div>
13301                        </div>
13302
13303                        <div class="vehicle-summary-section mt-3 ">
13304                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
13305                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
13306            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):showMsrp)'>
13307                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
13308                                            <div class="mr-2" style="color:#000">
13309                                                <span id="jtmab3fv6pd159594-price-summary-label">Your Price</span>
13310                                            </div>
13311                                            <div id="jtmab3fv6pd159594-price-summary-value" class=" " style="color:#000">$37,881</div>
13312                                        </div>
13313
13314            </div>
13315            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):!showMsrp )'>
13316                                <div v-if="!unlockHideMsrp">
13317                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
13318                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
13319                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$37,333</div>
13320                                    </div>
13321                                </div>
13322
13323            </div>
13324        </div>
13325
13326                            </div>
13327
13328                                <template v-if="true">
13329                                    <div class="vehicle-summary-cta flex-1">
13330                                        <object>
13331                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
13332                <a v-if="applySecondaryDesign" href=""
13333                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
13334                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13335                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13336                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13337                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
13338                <a v-else href=""
13339                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
13340                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13341                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sp
13341ort-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13342                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13343                   @mouseover="onCTABtnHover('', '', '', $event)">
13344                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
13345                    60-Second Quote
13346                </a>
13347            </div>
13348
13349                                        </object>
13350                                    </div>
13351                                </template>
13352                        </div>
13353<div class="color-black ft-16 mt-1">
13354            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
13355                Disclosure
13356            </div>
13357</div>
13358
13359
13360                        <div class="show section-separator my-4"></div>
13361
13362
13363                            <template v-if="true">
13364                                <object>
13365                                    <div class="app-level-cta-container">
13366
13367
13368
13369
13370
13371
13372
13373                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JTMAB3FV6PD159594","false"==="true"))' class="primary-button-parent">
13374                                                    <a :style="ctaBtnStyles"
13375                                                     tabindex="0" role="button"
13376                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance", "JTMAB3FV6PD159594", "Used")'
13377                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance", "JTMAB3FV6PD159594", "Used")'
13378                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
13379                                                        {{inventorySettings.data.buttonLabel}}
13380                                                    </a>
13381                                                 </div>
13382                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
13383                                                                    <a v-if="applySecondaryDesign" href=""
13384                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
13385                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13386                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13387                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sp
13387ort-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13388                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13389                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
13390                                                                    <a v-else href=""
13391                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
13392                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13393                                                                        @click.prevent="
13394                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13395                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13396                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13397                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
13398                                                                        Ask A Question
13399                                                                    </a>
13400                                                                </div>
13401                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
13402                                                                    <a v-if="applySecondaryDesign" href=""
13403                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
13404                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13405                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sp
13405ort-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13406                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13407                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
13408                                                                    <a v-else href=""
13409                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
13410                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13411                                                                        @click.prevent="
13412                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;JTMAB3FV6PD159594&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Toyota&quot;,&quot;model&quot;:&quot;RAV4 Prime&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27662A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13413                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13414                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
13415                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
13416                                                                        Value My Trade
13417                                                                    </a>
13418                                                                </div>
13419
13420
13421
13422                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
13423                                                <a tabindex="0"
13424                                                role="button"
13425                                                @click.prevent='openSoftPullModel("0", "JTMAB3FV6PD159594", "0", "2023", "Toyota", "RAV4 Prime", "SE", "59998", "Used","", $event)'
13426                                                @keydown.enter.space.prevent='openSoftPullModel("0", "JTMAB3FV6PD159594", "0", "2023", "Toyota", "RAV4 Prime", "SE", "59998", "Used","", $event)'
13427                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
13428                                                style="background-color: #000000 !important; color: #FFFFFF !important"
13429                                                @mouseover="updateStyles($event, '','','')"
13430                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
13431                                                >
13432                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
13433                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
13434                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
13435                                                </a>
13436                                            </div>
13437
13438                                    </div>
13439                                </object>
13440                            </template>
13441
13442                            <div class="mt-3">
13443
13444
13445                                <div class="inventory-btns" style="width:100%;" v-cloak>
13446
13447
13448                                    <object class="d-flex flex-column primary-inventory-btn-group">
13449                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
13450                                        <div class="pi-pullup-container"></div>
13451                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
13452
13453                                        <div class="dvs_vin_btn" vin="JTMAB3FV6PD159594"></div>
13454
13455
13456
13457
13458
13459
13460                                    </object>
13461
13462
13463
13464
13465
13466
13467
13468
13469
13470                                    
13471
13472
13473
13474
13475
13476
13477
13478
13479
13480                                </div>
13481
13482
13483
13484
13485
13486
13487                            </div>
13488
13489                            <active-engage-widget v-if="isEnableActivEngageSrp"
13490                                                custom-class="py-2 ft-12"></active-engage-widget>
13491                        <div class="srp-tabs-section mt-3">
13492                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
13493                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JTMAB3FV6PD159594'] || 'details') === 'details' }"
13494                                    tabindex="0" role="tab"
13495                                    aria-label="Details"
13496                                    :aria-selected="(activeTabsByVin['JTMAB3FV6PD159594'] || 'details') === 'details'"
13497                                    aria-controls="tab-panel-details-JTMAB3FV6PD159594"
13498                                    @click.stop.prevent="setActiveTab('details', 'JTMAB3FV6PD159594')"
13499                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JTMAB3FV6PD159594')">
13500                                        Details
13501                                    </div>
13502                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JTMAB3FV6PD159594'] || 'details') === 'payments' }"
13503                                tabindex="0" role="tab"
13504                                aria-label="Pricing"
13505                                :aria-selected="(activeTabsByVin['JTMAB3FV6PD159594'] || 'details') === 'payments'"
13506                                aria-controls="tab-panel-payments-JTMAB3FV6PD159594"
13507                                @click.stop.prevent="setActiveTab('payments', 'JTMAB3FV6PD159594')"
13508                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JTMAB3FV6PD159594')">
13509                                    Pricing
13510                                </div>
13511                            </div>
13512
13513                            <div class="srp-tab-content">
13514                                <div :class="(activeTabsByVin['JTMAB3FV6PD159594'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JTMAB3FV6PD159594" aria-label="Details">
13515                                    <div class="vehicle-details-list">
13516
13517                                            <div class="details-item-row ">
13518                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
13519                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
13520                                                        <div id="copy_vin" class="d-inline">JTMAB3FV6PD159594</div>
13521                                                    </div>
13522                                            </div>
13523
13524                                            <div class="details-item-row">
13525                                                <div class="details-item-label">Stock #</div>
13526                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
13527                                                    <div id="copy_stock" class="d-inline">H27662A</div>
13528                                                </div>
13529                                            </div>
13530
13531                                        
13532
13533                                            <div class="details-item-row">
13534                                                <div class="details-item-label">Model Code</div>
13535                                                <div class="details-item-value">#4544</div>
13536                                            </div>
13537
13538                                            <div class="details-item-row">
13539                                                <div class="details-item-label">Exterior</div>
13540                                                <div class="details-item-value d-flex align-items-center">
13541                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%"></div>
13542                                                        <div class="ml-2">Midnight Black Metallic</div>
13543                                                </div>
13544                                            </div>
13545
13546                                            <div class="details-item-row">
13547                                                <div class="details-item-label">Interior</div>
13548                                                <div class="details-item-value d-flex align-items-center">
13549                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
13550                                                    <div class="ml-2 interior-word-break">Black</div>
13551                                                </div>
13552                                            </div>
13553
13554                                            <div class="details-item-row">
13555                                                <div class="details-item-label">Drivetrain</div>
13556                                                <div class="details-item-value">AWD</div>
13557                                            </div>
13558
13559                                            <div class="details-item-row">
13560                                                <div class="details-item-label">Engine</div>
13561                                                        <div class="details-item-value">Gas/Electric I-4 2.5 L/152</div>
13562                                            </div>
13563                                            <div class="details-item-row">
13564                                                <div class="details-item-label">Transmission</div>
13565                                                <div class="details-item-value">CVT</div>
13566                                            </div>
13567                                                <div class="details-item-row">
13568                                                    <div class="details-item-label">Mileage</div>
13569                                                    <div class="details-item-value">13,202 Miles</div>
13570                                                </div>
13571
13572                                    </div>
13573
13574                                </div>
13575                                <div :class="(activeTabsByVin['JTMAB3FV6PD159594'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JTMAB3FV6PD159594" aria-label="Pricing">
13576                                            <div class="msrppanel-label">
13577                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):showMsrp)'>
13578
13579
13580                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-37333' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13581                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
13582                                                                                        
13583
13584<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
13585    Selling Price
13586</div>
13587<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$37,333</div>
13588
13589
13590                                                                                    </div>
13591                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
13592                                                                                                <div>
13593                                                                                                    Doc Fee
13594                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13595                                                                                                </div>
13596                                                                                                <div class="d-flex pl-2">
13597                                                                                                    &#x2B;$548
13598                                                                                                </div>
13599                                                                                            </div>
13600                                                                            <div id="jtmab3fv6pd159594-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
13601                                                                                <sp
13601an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
13602                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
13603                                                                                </span>
13604                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jtmab3fv6pd159594-unlock-discount-price"></label></span>
13605                                                                            </div>
13606                                                                            <div id="jtmab3fv6pd159594-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
13607                                                                                <div class="mr-2" style="color:#000">
13608                                                                                    <span id="jtmab3fv6pd159594-selling-price-label" class="p-0">Your Price</span>
13609                                                                                </div>
13610                                                                                <div id="jtmab3fv6pd159594-your-price-hide" class=" " style="color:#000">$37,881</div>
13611                                                                            </div>
13612                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
13613                                                                                <div class="mr-2" style="color:#000">
13614                                                                                    <span id="jtmab3fv6pd159594-selling-price-label" class="p-0">Your Price</span>
13615                                                                                </div>
13616                                                                                <div id="jtmab3fv6pd159594-your-price" class=" " style="color:#000">$37,881</div>
13617                                                                            </div>
13618
13619
13620
13621
13622                                                        <total-incentive-discount qualified-data=''
13623                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
13624                                                                                :pricedata="{'msrp':'37333','yourPrice':'37881.0'}"
13625                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
13626                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
13627                                                    <div class="color-black ft-16 mt-1">
13628            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
13629                Disclosure
13630            </div>
13631</div>
13632
13633                                                </div>
13634
13635                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JTMAB3FV6PD159594", "false"==="true"):!showMsrp )'>
13636                                                                    <div v-if="!unlockHideMsrp">
13637                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-37333' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13638                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
13639                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
13640                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$37,333</div>
13641                                                                        </div>
13642                                                                    </div>
13643
13644                                                </div>
13645                                            </div>
13646                                </div>
13647                            </div>
13648                        </div>
13649                        <div id="cta-params-JTMAB3FV6PD159594"
13650                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:37881.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
13651                        </div>
13652
13653                        <div>
13654
13655                            <vehicle-badges model="RAV4 Prime"
13656                                            :current="'srp'"
13657                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
13658                                            :eyesight="''"
13659                                            :starlink="''"
13660                                            :von="''"
13661                                            :onorder="''"
13662                                            :vin="'JTMAB3FV6PD159594'"
13663                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sp
13663ort-utility?type=finance'"
13664                                            :vehicle-badges-top-srp="'False'"
13665                                            :year="'2023'"
13666                                            :in-transit-background-color-srp="''"
13667                                            :in-transit-badge-color-srp="''"
13668                                            :in-production-background-color-srp="''"
13669                                            :in-production-badge-color-srp="''"
13670                                            @opendisclaimer="openDisclaimerPopup($event)">
13671                            </vehicle-badges>
13672
13673                                <div class="d-flex flex-wrap">
13674                                    
13675
13676
13677
13678
13679
13680
13681                                </div>
13682                        </div>
13683
13684
13685
13686                        <div class="d-flex flex-wrap srp-certified-img-section">
13687
13688
13689
13690                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/MlloBF24kRu5BHgG006yNZ_gEZVr8_PLrNHC7vxji8hjkg2tWfDLxjslpVBWzdLQMQySZNyiYmNMatj4xjTsnAwyoXE3GDWN41I')">
13691                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_good.svg"
13692                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
13693                                    </div>
13694                                <div class="text-center third-party-payment-tool">
13695                                    <span data-cg-vin="JTMAB3FV6PD159594" data-cg-price="37881.0"></span>
13696                                </div>
13697
13698
13699
13700
13701
13702                        </div>
13703
13704                        <div v-if="currentTheme == 'subaru'" class="mt-3">
13705                            <subaru-badge-new model="RAV4 Prime"
13706                                            year="2023"
13707                                            make="Toyota"
13708                                            type="Used"
13709                                            :current="'srp'"
13710                                            :transit="'False'"
13711                                            :eyesight="''"
13712                                            :starlink="''"
13713                                            :von="''"
13714                                            :onorder="''"
13715                                            :vin="'JTMAB3FV6PD159594'"
13716                                            :hide-in-transit="'False'"
13717                                            :vehicle-badges-top-srp="'False'"
13718                                            :subaru-consumer-report-class="''"
13719                                            :in-transit-background-color-srp="''"
13720                                            :in-transit-badge-color-srp="''"
13721                                            >
13722                            </subaru-badge-new>
13723                        </div>
13724
13725                    </div>
13726                </div>
13727
13728
13729
13730            </div>
13731        </a>
13732        <template v-if="true">
13733            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
13734                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JTMAB3FV6PD159594'" class="vehicle-data-overlay-container"
13735                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
13736                     @keydown.esc.prevent="closeDetailsOverlay()"
13737                     @keydown.tab="srpOverlayTrapFocus($event)">
13738                    <div class="vehicle-overlay-data">
13739                        <div class="srp-overlay-options">
13740                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
13741                                <div class="d-flex align-items-center" style="gap: 20px;">
13742                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
13743                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
13744                                    <h3 class="mb-0">Options</h3>
13745                                </div>
13746                                <div>
13747                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
13748                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
13749                                </div>
13750                            </div>
13751
13752                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
13753                                <div class="overlay-nav-items px-3 pt-4">
13754                                    <div class="d-flex overlay-nav-item" tabindex="0"
13755                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JTMAB3FV6PD159594', overlayType: '
13755share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JTMAB3FV6PD159594', overlayType: 'share-options', label: 'Share' })">
13756                                        <em class="primaryicon-share-icon"></em>
13757                                        <span>Share</span>
13758                                    </div>
13759
13760                                        <div class="d-flex overlay-nav-item"
13761                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JTMAB3FV6PD159594', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JTMAB3FV6PD159594', overlayType: 'key-features', label: 'Key Features' })">
13762                                            <em class="primaryicon-key-features-icon"></em>
13763                                            <span>Key Features</span>
13764                                        </div>
13765                                        <div class="d-flex overlay-nav-item"
13766                                        tabindex="0" role="button" @click.prevent='openChatAssistant("JTMAB3FV6PD159594")' @keydown.enter.space.prevent='openChatAssistant("JTMAB3FV6PD159594")'>
13767                                            <em class="primaryicon-assistant-icon"></em>
13768                                            <span>Ask Us Anything</span>
13769                                        </div>
13770                                </div>
13771
13772                                <div class="pt-4 px-3 mt-3">
13773                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility?type=finance")' target="_self"
13774                                        @keydown.space.prevent="$event.currentTarget.click()"
13775                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
13776                                        View Details
13777                                    </a>
13778                                </div>
13779                            </div>
13780                        </div>
13781                    </div>
13782                </div>
13783            </transition>
13784            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
13785                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JTMAB3FV6PD159594'"
13786                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
13787                     @keydown.esc.prevent="navigateToDetailsOverlay()"
13788                     @keydown.tab="srpOverlayTrapFocus($event)">
13789                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
13790                        <div class="d-flex align-items-center" style="gap: 20px;">
13791                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
13792                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
13793                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
13794                        </div>
13795                        <div>
13796                            <em class="primaryicon-close-icon-gray"
13797                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
13798                        </div>
13799                    </div>
13800                    <div class="mt-3 pt-4 overlay-section-links">
13801                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
13802                        <template v-if="!isLoadingOverlayDetails">
13803                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
13804                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sp
13804ort-utility?type=finance" vehicle-name="Used 2023 Toyota RAV4 Prime SE" :page-type-id="18" :style-id="431534" class="overlay-section-content"></share-options>
13805                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
13806                        </template>
13807                    </div>
13808                </div>
13809            </transition>
13810        </template>
13811    </div>
13812        
13812<script type="application/javascript">
13813
13814            var rebatesString = "[]";
13815            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
13816            localStorage.setItem("3VWGM7BUXRM088655-rebates", formattedRebatesString);
13817
13818        </script>
13818
13819<div data-itemid="Volkswagen-Jetta-SEL-3VWGM7BUXRM088655" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
13820        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "3VWGM7BUXRM088655", "https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "18",msrp:"23500",yourPrice:"24048.0",sellingPrice:"23500",type:"Used",title:`2024 Volkswagen Jetta SEL`},"false"==="true"), setVintoTransact("3VWGM7BUXRM088655", $event,{styleId:"439815"})'
13821        @mouseleave="clearMouseHoverValue()"
13822        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
13823        used-large-box" style="height: 100%;">
13824
13825            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
13826                <div class="position-relative">
13827                    <div class="srp-top-badges">
13828                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
13829                            <div class="d-flex align-items-center gap-10">
13830                                            <div class="specials-indicator-wrapper">
13831                                                <inventory-specials-indicator
13832                                                bg-color="#9D0026 !important"
13833                                                text="Today&#x27;s Special">
13834                                                </inventory-specials-indicator>
13835                                            </div>
13836                            </div>
13837                        </div>
13838
13839                    </div>
13840
13841
13842                    <div id="EZ360_CVDP"></div>
13843
13844                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
13845                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VWGM7BUXRM088655'" class="vehicle-box__image">
13846                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/3e8fad04cd29412384b87586debb950c.jpg" class="img-fluid srp-vehiclebox-image"
13847                                    title="2024 Volkswagen Jetta SEL" alt="2024 Volkswagen Jetta SEL" />
13848
13849                        </div>
13850
13851                        <div class="dp-srp-evox-media-3VWGM7BUXRM088655" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VWGM7BUXRM088655'"></div>
13852
13853                        <div class="vehicle-info-icon">
13854                            <em
13855                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VWGM7BUXRM088655')"
13856                            class="primaryicon-options-btn-new info-icon-css"
13857                            data-vin="3VWGM7BUXRM088655"
13858                            tabindex="0"
13859                            role="button"
13860                            aria-label="Vehicle info"
13861                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VWGM7BUXRM088655')"
13862                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VWGM7BUXRM088655')"
13863                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
13864                        </div>
13865                    </div>
13866
13867
13868                    <div class="vehiclebox-info-section p-3">
13869                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
13870                            <div class="d-flex">
13871                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
13872                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
13873                                        2024 Volkswagen Jetta SEL
13874                                    </h2>
13875                                </div>
13876                            </div>
13877                        </div>
13878
13879                        <div class="vehicle-summary-section mt-3 ">
13880                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
13881                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
13882            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):showMsrp)'>
13883                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
13884                                            <div class="mr-2" style="color:#000">
13885                                                <span id="3vwgm7buxrm088655-price-summary-label">Your Price</span>
13886                                            </div>
13887                                            <div id="3vwgm7buxrm088655-price-summary-value" class=" " style="color:#000">$24,048</div>
13888                                        </div>
13889
13890            </div>
13891            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):!showMsrp )'>
13892                                <div v-if="!unlockHideMsrp">
13893                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
13894                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
13895                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,500</div>
13896                                    </div>
13897                                </div>
13898
13899            </div>
13900        </div>
13901
13902                            </div>
13903
13904                                <template v-if="true">
13905                                    <div class="vehicle-summary-cta flex-1">
13906                                        <object>
13907                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
13908                <a v-if="applySecondaryDesign" href=""
13909                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
13910                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13911                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13912                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13913                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
13914                <a v-else href=""
13915                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
13916                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13917                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13918                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13919                   @mouseover="onCTABtnHover('', '', '', $event)">
13920                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
13921                    60-Second Quote
13922                </a>
13923            </div>
13924
13925                                        </object>
13926                                    </div>
13927                                </template>
13928                        </div>
13929<div class="color-black ft-16 mt-1">
13930            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
13931                Disclosure
13932            </div>
13933</div>
13934
13935
13936                        <div class="show section-separator my-4"></div>
13937
13938
13939                            <template v-if="true">
13940                                <object>
13941                                    <div class="app-level-cta-container">
13942
13943
13944
13945
13946
13947
13948
13949                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VWGM7BUXRM088655","false"==="true"))' class="primary-button-parent">
13950                                                    <a :style="ctaBtnStyles"
13951                                                     tabindex="0" role="button"
13952                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance", "3VWGM7BUXRM088655", "Used")'
13953                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance", "3VWGM7BUXRM088655", "Used")'
13954                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
13955                                                        {{inventorySettings.data.buttonLabel}}
13956                                                    </a>
13957                                                 </div>
13958                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
13959                                                                    <a v-if="applySecondaryDesign" href=""
13960                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
13961                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13962                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13963                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13964                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13965                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
13966                                                                    <a v-else href=""
13967                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
13968                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13969                                                                        @click.prevent="
13970                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13971                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13972                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13973                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
13974                                                                        Ask A Question
13975                                                                    </a>
13976                                                                </div>
13977                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
13978                                                                    <a v-if="applySecondary
13978Design" href=""
13979                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
13980                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13981                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13982                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13983                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
13984                                                                    <a v-else href=""
13985                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
13986                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
13987                                                                        @click.prevent="
13988                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VWGM7BUXRM088655&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50369A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13989                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
13990                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
13991                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
13992                                                                        Value My Trade
13993                                                                    </a>
13994                                                                </div>
13995
13996
13997
13998                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
13999                                                <a tabindex="0"
14000                                                role="button"
14001                                                @click.prevent='openSoftPullModel("0", "3VWGM7BUXRM088655", "0", "2024", "Volkswagen", "Jetta", "SEL", "59998", "Used","", $event)'
14002                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3VWGM7BUXRM088655", "0", "2024", "Volkswagen", "Jetta", "SEL", "59998", "Used","", $event)'
14003                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
14004                                                style="background-color: #000000 !important; color: #FFFFFF !important"
14005                                                @mouseover="updateStyles($event, '','','')"
14006                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
14007                                                >
14008                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
14009                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
14010                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
14011                                                </a>
14012                                            </div>
14013
14014                                    </div>
14015                                </object>
14016                            </template>
14017
14018                            <div class="mt-3">
14019
14020
14021                                <div class="inventory-btns" style="width:100%;" v-cloak>
14022
14023
14024                                    <object class="d-flex flex-column primary-inventory-btn-group">
14025                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14026                                        <div class="pi-pullup-container"></div>
14027                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14028
14029                                        <div class="dvs_vin_btn" vin="3VWGM7BUXRM088655"></div>
14030
14031
14032
14033
14034
14035
14036                                    </object>
14037
14038
14039
14040
14041
14042
14043
14044
14045
14046                                    
14047
14048
14049
14050
14051
14052
14053
14054
14055
14056                                </div>
14057
14058
14059
14060
14061
14062
14063                            </div>
14064
14065                            <active-engage-widget v-if="isEnableActivEngageSrp"
14066                                                custom-class="py-2 ft-12"></active-engage-widget>
14067                        <div class="srp-tabs-section mt-3">
14068                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
14069                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VWGM7BUXRM088655'] || 'details') === 'details' }"
14070                                    tabindex="0" role="tab"
14071                                    aria-label="Details"
14072                                    :aria-selected="(activeTabsByVin['3VWGM7BUXRM088655'] || 'details') === 'details'"
14073                                    aria-controls="tab-panel-details-3VWGM7BUXRM088655"
14074                                    @click.stop.prevent="setActiveTab('details', '3VWGM7BUXRM088655')"
14075                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VWGM7BUXRM088655')">
14076                                        Details
14077                                    </div>
14078                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VWGM7BUXRM088655'] || 'details') === 'payments' }"
14079                                tabindex="0" role="tab"
14080                                aria-label="Pricing"
14081                                :aria-selected="(activeTabsByVin['3VWGM7BUXRM088655'] || 'details') === 'payments'"
14082                                aria-controls="tab-panel-payments-3VWGM7BUXRM088655"
14083                                @click.stop.prevent="setActiveTab('payments', '3VWGM7BUXRM088655')"
14084                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VWGM7BUXRM088655')">
14085                                    Pricing
14086                                </div>
14087                            </div>
14088
14089                            <div class="srp-tab-content">
14090                                <div :class="(activeTabsByVin['3VWGM7BUXRM088655'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VWGM7BUXRM088655" aria-label="Details">
14091                                    <div class="vehicle-details-list">
14092
14093                                            <div class="details-item-row ">
14094                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
14095                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
14096                                                        <div id="copy_vin" class="d-inline">3VWGM7BUXRM088655</div>
14097                                                    </div>
14098                                            </div>
14099
14100                                            <div class="details-item-row">
14101                                                <div class="details-item-label">Stock #</div>
14102                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
14103                                                    <div id="copy_stock" class="d-inline">V50369A</div>
14104                                                </div>
14105                                            </div>
14106
14107                                        
14108
14109                                            <div class="details-item-row">
14110                                                <div class="details-item-label">Model Code</div>
14111                                                <div class="details-item-value">#BU45RS</div>
14112                                            </div>
14113
14114                                            <div class="details-item-row">
14115                                                <div class="details-item-label">Exterior</div>
14116                                                <div class="details-item-value d-flex align-items-center">
14117                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #555656; border-radius: 50%"></div>
14118                                                        <div class="ml-2">Platinum Gray Metallic</div>
14119                                                </div>
14120                                            </div>
14121
14122                                            <div class="details-item-row">
14123                                                <div class="details-item-label">Interior</div>
14124                                                <div class="details-item-value d-flex align-items-center">
14125                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
14126                                                    <div class="ml-2 interior-word-break">Black</div>
14127                                                </div>
14128                                            </div>
14129
14130                                            <div class="details-item-row">
14131                                                <div class="details-item-label">Drivetrain</div>
14132                                                <div class="details-item-value">FWD</div>
14133                                            </div>
14134
14135                                            <div class="details-item-row">
14136                                                <div class="details-item-label">Engine</div>
14137                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 1.5 L/91</div>
14138                                            </div>
14139                                            <div class="details-item-row">
14140                                                <div class="details-item-label">Transmission</div>
14141                                                <div class="details-item-value">Automatic</div>
14142                                            </div>
14143                                                <div class="details-item-row">
14144                                                    <div class="details-item-label">Mileage</div>
14145                                                    <div class="details-item-value">16,416 Miles</div>
14146                                                </div>
14147
14148                                    </div>
14149
14150                                </div>
14151                                <div :class="(activeTabsByVin['3VWGM7BUXRM088655'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VWGM7BUXRM088655" aria-label="Pricing">
14152                                            <div class="msrppanel-label">
14153                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):showMsrp)'>
14154
14155
14156                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23500' :sh
14156owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
14157                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
14158                                                                                        
14159
14160<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
14161    Selling Price
14162</div>
14163<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$23,500</div>
14164
14165
14166                                                                                    </div>
14167                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
14168                                                                                                <div>
14169                                                                                                    Doc Fee
14170                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14171                                                                                                </div>
14172                                                                                                <div class="d-flex pl-2">
14173                                                                                                    &#x2B;$548
14174                                                                                                </div>
14175                                                                                            </div>
14176                                                                            <div id="3vwgm7buxrm088655-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
14177                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
14178                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
14179                                                                                </span>
14180                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vwgm7buxrm088655-unlock-discount-price"></label></span>
14181                                                                            </div>
14182                                                                            <div id="3vwgm7buxrm088655-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
14183                                                                                <div class="mr-2" style="color:#000">
14184                                                                                    <span id="3vwgm7buxrm088655-selling-price-label" class="p-0">Your Price</span>
14185                                                                                </div>
14186                                                                                <div id="3vwgm7buxrm088655-your-price-hide" class=" " style="color:#000">$24,048</div>
14187                                                                            </div>
14188                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
14189                                                                                <div class="mr-2" style="color:#000">
14190                                                                                    <sp
14190an id="3vwgm7buxrm088655-selling-price-label" class="p-0">Your Price</span>
14191                                                                                </div>
14192                                                                                <div id="3vwgm7buxrm088655-your-price" class=" " style="color:#000">$24,048</div>
14193                                                                            </div>
14194
14195
14196
14197
14198                                                        <total-incentive-discount qualified-data=''
14199                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
14200                                                                                :pricedata="{'msrp':'23500','yourPrice':'24048.0'}"
14201                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
14202                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
14203                                                    <div class="color-black ft-16 mt-1">
14204            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
14205                Disclosure
14206            </div>
14207</div>
14208
14209                                                </div>
14210
14211                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWGM7BUXRM088655", "false"==="true"):!showMsrp )'>
14212                                                                    <div v-if="!unlockHideMsrp">
14213                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
14214                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
14215                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
14216                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,500</div>
14217                                                                        </div>
14218                                                                    </div>
14219
14220                                                </div>
14221                                            </div>
14222                                </div>
14223                            </div>
14224                        </div>
14225                        <div id="cta-params-3VWGM7BUXRM088655"
14226                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:24048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
14227                        </div>
14228
14229                        <div>
14230
14231                            <vehicle-badges model="Jetta"
14232                                            :current="'srp'"
14233                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
14234                                            :eyesight="''"
14235                                            :starlink="''"
14236                                            :von="''"
14237                                            :onorder="''"
14238                                            :vin="'3VWGM7BUXRM088655'"
14239                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance'"
14240                                            :vehicle-badges-top-srp="'False'"
14241                                            :year="'2024'"
14242                                            :in-transit-background-color-srp="''"
14243                                            :in-transit-badge-color-srp="''"
14244                                            :in-production-background-color-srp="''"
14245                                            :in-production-badge-color-srp="''"
14246                                            @opendisclaimer="openDisclaimerPopup($event)">
14247                            </vehicle-badges>
14248
14249                                <div class="d-flex flex-wrap">
14250                                    
14251
14252
14253
14254
14255
14256
14257                                </div>
14258                        </div>
14259
14260
14261
14262                        <div class="d-flex flex-wrap srp-certified-img-section">
14263
14264
14265
14266                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/Z_2Y_cAXKLNkWvMk3p7YBAoqQROm4u1kQpQkgwcg06HTN7ng_X45tYpKVc4TO2ZOupVflGMDmDSAtw_-7Jynv2NEYbyETCJSCfs')">
14267                                        <img src="https://partnerstatic.
14267carfax.com/img/valuebadge/1own_great.svg"
14268                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
14269                                    </div>
14270                                <div class="text-center third-party-payment-tool">
14271                                    <span data-cg-vin="3VWGM7BUXRM088655" data-cg-price="24048.0"></span>
14272                                </div>
14273
14274
14275
14276
14277
14278                        </div>
14279
14280                        <div v-if="currentTheme == 'subaru'" class="mt-3">
14281                            <subaru-badge-new model="Jetta"
14282                                            year="2024"
14283                                            make="Volkswagen"
14284                                            type="Used"
14285                                            :current="'srp'"
14286                                            :transit="'False'"
14287                                            :eyesight="''"
14288                                            :starlink="''"
14289                                            :von="''"
14290                                            :onorder="''"
14291                                            :vin="'3VWGM7BUXRM088655'"
14292                                            :hide-in-transit="'False'"
14293                                            :vehicle-badges-top-srp="'False'"
14294                                            :subaru-consumer-report-class="''"
14295                                            :in-transit-background-color-srp="''"
14296                                            :in-transit-badge-color-srp="''"
14297                                            >
14298                            </subaru-badge-new>
14299                        </div>
14300
14301                    </div>
14302                </div>
14303
14304
14305
14306            </div>
14307        </a>
14308        <template v-if="true">
14309            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
14310                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VWGM7BUXRM088655'" class="vehicle-data-overlay-container"
14311                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
14312                     @keydown.esc.prevent="closeDetailsOverlay()"
14313                     @keydown.tab="srpOverlayTrapFocus($event)">
14314                    <div class="vehicle-overlay-data">
14315                        <div class="srp-overlay-options">
14316                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14317                                <div class="d-flex align-items-center" style="gap: 20px;">
14318                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
14319                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
14320                                    <h3 class="mb-0">Options</h3>
14321                                </div>
14322                                <div>
14323                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
14324                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
14325                                </div>
14326                            </div>
14327
14328                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
14329                                <div class="overlay-nav-items px-3 pt-4">
14330                                    <div class="d-flex overlay-nav-item" tabindex="0"
14331                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VWGM7BUXRM088655', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VWGM7BUXRM088655', overlayType: '
14331share-options', label: 'Share' })">
14332                                        <em class="primaryicon-share-icon"></em>
14333                                        <span>Share</span>
14334                                    </div>
14335
14336                                        <div class="d-flex overlay-nav-item"
14337                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VWGM7BUXRM088655', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VWGM7BUXRM088655', overlayType: 'key-features', label: 'Key Features' })">
14338                                            <em class="primaryicon-key-features-icon"></em>
14339                                            <span>Key Features</span>
14340                                        </div>
14341                                        <div class="d-flex overlay-nav-item"
14342                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VWGM7BUXRM088655")' @keydown.enter.space.prevent='openChatAssistant("3VWGM7BUXRM088655")'>
14343                                            <em class="primaryicon-assistant-icon"></em>
14344                                            <span>Ask Us Anything</span>
14345                                        </div>
14346                                </div>
14347
14348                                <div class="pt-4 px-3 mt-3">
14349                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance")' target="_self"
14350                                        @keydown.space.prevent="$event.currentTarget.click()"
14351                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
14352                                        View Details
14353                                    </a>
14354                                </div>
14355                            </div>
14356                        </div>
14357                    </div>
14358                </div>
14359            </transition>
14360            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
14361                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VWGM7BUXRM088655'"
14362                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
14363                     @keydown.esc.prevent="navigateToDetailsOverlay()"
14364                     @keydown.tab="srpOverlayTrapFocus($event)">
14365                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14366                        <div class="d-flex align-items-center" style="gap: 20px;">
14367                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
14368                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
14369                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
14370                        </div>
14371                        <div>
14372                            <em class="primaryicon-close-icon-gray"
14373                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
14374                        </div>
14375                    </div>
14376                    <div class="mt-3 pt-4 overlay-section-links">
14377                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
14378                        <template v-if="!isLoadingOverlayDetails">
14379                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
14380                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car?type=finance" vehicle-name="Used 2024 Volkswagen Jetta SEL" :page-type-id="18" :style-id="439815" class="overlay-section-content"></share-options>
14381                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
14382                        </template>
14383                    </div>
14384                </div>
14385            </transition>
14386        </template>
14387    </div>
14388        
14388<script type="application/javascript">
14389
14390            var rebatesString = "[]";
14391            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
14392            localStorage.setItem("3VV8X7B27RM129788-rebates", formattedRebatesString);
14393
14394        </script>
14394
14395<div data-itemid="Volkswagen-Taos-S-3VV8X7B27RM129788" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
14396        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "3VV8X7B27RM129788", "https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "19",msrp:"20000",yourPrice:"20548.0",sellingPrice:"20000",type:"Used",title:`2024 Volkswagen Taos S`},"false"==="true"), setVintoTransact("3VV8X7B27RM129788", $event,{styleId:"439877"})'
14397        @mouseleave="clearMouseHoverValue()"
14398        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
14399        used-large-box" style="height: 100%;">
14400
14401            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
14402                <div class="position-relative">
14403                    <div class="srp-top-badges">
14404                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
14405                            <div class="d-flex align-items-center gap-10">
14406                                            <div class="specials-indicator-wrapper">
14407                                                <inventory-specials-indicator
14408                                                bg-color="#9D0026 !important"
14409                                                text="Today&#x27;s Special">
14410                                                </inventory-specials-indicator>
14411                                            </div>
14412                            </div>
14413                        </div>
14414
14415                    </div>
14416
14417
14418                    <div id="EZ360_CVDP"></div>
14419
14420                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
14421                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VV8X7B27RM129788'" class="vehicle-box__image">
14422                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/4310dabbab7d41b7a36aee96c1fb2f3e.jpg" class="img-fluid srp-vehiclebox-image"
14423                                    title="2024 Volkswagen Taos S" alt="2024 Volkswagen Taos S" />
14424
14425                        </div>
14426
14427                        <div class="dp-srp-evox-media-3VV8X7B27RM129788" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VV8X7B27RM129788'"></div>
14428
14429                        <div class="vehicle-info-icon">
14430                            <em
14431                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VV8X7B27RM129788')"
14432                            class="primaryicon-options-btn-new info-icon-css"
14433                            data-vin="3VV8X7B27RM129788"
14434                            tabindex="0"
14435                            role="button"
14436                            aria-label="Vehicle info"
14437                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VV8X7B27RM129788')"
14438                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VV8X7B27RM129788')"
14439                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
14440                        </div>
14441                    </div>
14442
14443
14444                    <div class="vehiclebox-info-section p-3">
14445                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
14446                            <div class="d-flex">
14447                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
14448                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
14449                                        2024 Volkswagen Taos S
14450                                    </h2>
14451                                </div>
14452                            </div>
14453                        </div>
14454
14455                        <div class="vehicle-summary-section mt-3 ">
14456                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
14457                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
14458            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV8X7B27R
14458M129788", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV8X7B27RM129788", "false"==="true"):showMsrp)'>
14459                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
14460                                            <div class="mr-2" style="color:#000">
14461                                                <span id="3vv8x7b27rm129788-price-summary-label">Your Price</span>
14462                                            </div>
14463                                            <div id="3vv8x7b27rm129788-price-summary-value" class=" " style="color:#000">$20,548</div>
14464                                        </div>
14465
14466            </div>
14467            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV8X7B27RM129788", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV8X7B27RM129788", "false"==="true"):!showMsrp )'>
14468                                <div v-if="!unlockHideMsrp">
14469                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
14470                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
14471                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,000</div>
14472                                    </div>
14473                                </div>
14474
14475            </div>
14476        </div>
14477
14478                            </div>
14479
14480                                <template v-if="true">
14481                                    <div class="vehicle-summary-cta flex-1">
14482                                        <object>
14483                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
14484                <a v-if="applySecondaryDesign" href=""
14485                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
14486                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
14487                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14488                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
14489                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
14490                <a v-else href=""
14491                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
14492                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
14493                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;
144933VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14494                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
14495                   @mouseover="onCTABtnHover('', '', '', $event)">
14496                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
14497                    60-Second Quote
14498                </a>
14499            </div>
14500
14501                                        </object>
14502                                    </div>
14503                                </template>
14504                        </div>
14505<div class="color-black ft-16 mt-1">
14506            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
14507                Disclosure
14508            </div>
14509</div>
14510
14511
14512                        <div class="show section-separator my-4"></div>
14513
14514
14515                            <template v-if="true">
14516                                <object>
14517                                    <div class="app-level-cta-container">
14518
14519
14520
14521
14522
14523
14524
14525                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VV8X7B27RM129788","false"==="true"))' class="primary-button-parent">
14526                                                    <a :style="ctaBtnStyles"
14527                                                     tabindex="0" role="button"
14528                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance", "3VV8X7B27RM129788", "Used")'
14529                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance", "3VV8X7B27RM129788", "Used")'
14530                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
14531                                                        {{inventorySettings.data.buttonLabel}}
14532                                                    </a>
14533                                                 </div>
14534                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
14535                                                                    <a v-if="applySecondaryDesign" href=""
14536                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
14537                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
14538                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14539                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;
145393VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14540                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
14541                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
14542                                                                    <a v-else href=""
14543                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
14544                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
14545                                                                        @click.prevent="
14546                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14547                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14548                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
14549                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
14550                                                                        Ask A Question
14551                                                                    </a>
14552                                                                </div>
14553                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
14554                                                                    <a v-if="applySecondary
14554Design" href=""
14555                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
14556                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
14557                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14558                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
14559                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
14560                                                                    <a v-else href=""
14561                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
14562                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
14563                                                                        @click.prevent="
14564                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VV8X7B27RM129788&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Taos&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50288A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14565                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
14566                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
14567                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
14568                                                                        Value My Trade
14569                                                                    </a>
14570                                                                </div>
14571
14572
14573
14574                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
14575                                                <a tabindex="0"
14576                                                role="button"
14577                                                @click.prevent='openSoftPullModel("0", "3VV8X7B27R
14577M129788", "0", "2024", "Volkswagen", "Taos", "S", "59998", "Used","", $event)'
14578                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3VV8X7B27RM129788", "0", "2024", "Volkswagen", "Taos", "S", "59998", "Used","", $event)'
14579                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
14580                                                style="background-color: #000000 !important; color: #FFFFFF !important"
14581                                                @mouseover="updateStyles($event, '','','')"
14582                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
14583                                                >
14584                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
14585                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
14586                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
14587                                                </a>
14588                                            </div>
14589
14590                                    </div>
14591                                </object>
14592                            </template>
14593
14594                            <div class="mt-3">
14595
14596
14597                                <div class="inventory-btns" style="width:100%;" v-cloak>
14598
14599
14600                                    <object class="d-flex flex-column primary-inventory-btn-group">
14601                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14602                                        <div class="pi-pullup-container"></div>
14603                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14604
14605                                        <div class="dvs_vin_btn" vin="3VV8X7B27RM129788"></div>
14606
14607
14608
14609
14610
14611
14612                                    </object>
14613
14614
14615
14616
14617
14618
14619
14620
14621
14622                                    
14623
14624
14625
14626
14627
14628
14629
14630
14631
14632                                </div>
14633
14634
14635
14636
14637
14638
14639                            </div>
14640
14641                            <active-engage-widget v-if="isEnableActivEngageSrp"
14642                                                custom-class="py-2 ft-12"></active-engage-widget>
14643                        <div class="srp-tabs-section mt-3">
14644                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
14645                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VV8X7B27RM129788'] || 'details') === 'details' }"
14646                                    tabindex="0" role="tab"
14647                                    aria-label="Details"
14648                                    :aria-selected="(activeTabsByVin['3VV8X7B27RM129788'] || 'details') === 'details'"
14649                                    aria-controls="tab-panel-details-3VV8X7B27RM129788"
14650                                    @click.stop.prevent="setActiveTab('details', '3VV8X7B27RM129788')"
14651                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VV8X7B27RM129788')">
14652                                        Details
14653                                    </div>
14654                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VV8X7B27RM129788'] || 'details') === 'payments' }"
14655                                tabindex="0" role="tab"
14656                                aria-label="Pricing"
14657                                :aria-selected="(activeTabsByVin['3VV8X7B27RM129788'] || 'details') === 'payments'"
14658                                aria-controls="tab-panel-payments-3VV8X7B27RM129788"
14659                                @click.stop.prevent="setActiveTab('payments', '3VV8X7B27R
14659M129788')"
14660                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VV8X7B27RM129788')">
14661                                    Pricing
14662                                </div>
14663                            </div>
14664
14665                            <div class="srp-tab-content">
14666                                <div :class="(activeTabsByVin['3VV8X7B27RM129788'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VV8X7B27RM129788" aria-label="Details">
14667                                    <div class="vehicle-details-list">
14668
14669                                            <div class="details-item-row ">
14670                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
14671                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
14672                                                        <div id="copy_vin" class="d-inline">3VV8X7B27RM129788</div>
14673                                                    </div>
14674                                            </div>
14675
14676                                            <div class="details-item-row">
14677                                                <div class="details-item-label">Stock #</div>
14678                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
14679                                                    <div id="copy_stock" class="d-inline">V50288A</div>
14680                                                </div>
14681                                            </div>
14682
14683                                        
14684
14685                                            <div class="details-item-row">
14686                                                <div class="details-item-label">Model Code</div>
14687                                                <div class="details-item-value">#CL12RV</div>
14688                                            </div>
14689
14690                                            <div class="details-item-row">
14691                                                <div class="details-item-label">Exterior</div>
14692                                                <div class="details-item-value d-flex align-items-center">
14693                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #121214; border-radius: 50%"></div>
14694                                                        <div class="ml-2">Deep Black</div>
14695                                                </div>
14696                                            </div>
14697
14698                                            <div class="details-item-row">
14699                                                <div class="details-item-label">Interior</div>
14700                                                <div class="details-item-value d-flex align-items-center">
14701                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
14702                                                    <div class="ml-2 interior-word-break">Gray</div>
14703                                                </div>
14704                                            </div>
14705
14706                                            <div class="details-item-row">
14707                                                <div class="details-item-label">Drivetrain</div>
14708                                                <div class="details-item-value">AWD</div>
14709                                            </div>
14710
14711                                            <div class="details-item-row">
14712                                                <div class="details-item-label">Engine</div>
14713                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 1.5 L/91</div>
14714                                            </div>
14715                                            <div class="details-item-row">
14716                                                <div class="details-item-label">Transmission</div>
14717                                                <div class="details-item-value">Automatic</div>
14718                                            </div>
14719                                                <div class="details-item-row">
14720                                                    <div class="details-item-label">Mileage</div>
14721                                                    <div class="details-item-value">45,530 Miles</div>
14722                                                </div>
14723
14724                                    </div>
14725
14726                                </div>
14727                                <div :class="(activeTabsByVin['3VV8X7B27R
14727M129788'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VV8X7B27RM129788" aria-label="Pricing">
14728                                            <div class="msrppanel-label">
14729                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV8X7B27RM129788", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV8X7B27RM129788", "false"==="true"):showMsrp)'>
14730
14731
14732                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
14733                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
14734                                                                                        
14735
14736<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
14737    Selling Price
14738</div>
14739<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$20,000</div>
14740
14741
14742                                                                                    </div>
14743                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
14744                                                                                                <div>
14745                                                                                                    Doc Fee
14746                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14747                                                                                                </div>
14748                                                                                                <div class="d-flex pl-2">
14749                                                                                                    &#x2B;$548
14750                                                                                                </div>
14751                                                                                            </div>
14752                                                                            <div id="3vv8x7b27rm129788-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
14753                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
14754                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
14755                                                                                </span>
14756                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vv8x7b27rm129788-unlock-discount-price"></label></span>
14757                                                                            </div>
14758                                                                            <div id="3vv8x7b27rm129788-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
14759                                                                                <div class="mr-2" style="color:#000">
14760                                                                                    <sp
14760an id="3vv8x7b27rm129788-selling-price-label" class="p-0">Your Price</span>
14761                                                                                </div>
14762                                                                                <div id="3vv8x7b27rm129788-your-price-hide" class=" " style="color:#000">$20,548</div>
14763                                                                            </div>
14764                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
14765                                                                                <div class="mr-2" style="color:#000">
14766                                                                                    <span id="3vv8x7b27rm129788-selling-price-label" class="p-0">Your Price</span>
14767                                                                                </div>
14768                                                                                <div id="3vv8x7b27rm129788-your-price" class=" " style="color:#000">$20,548</div>
14769                                                                            </div>
14770
14771
14772
14773
14774                                                        <total-incentive-discount qualified-data=''
14775                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
14776                                                                                :pricedata="{'msrp':'20000','yourPrice':'20548.0'}"
14777                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
14778                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
14779                                                    <div class="color-black ft-16 mt-1">
14780            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
14781                Disclosure
14782            </div>
14783</div>
14784
14785                                                </div>
14786
14787                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV8X7B27RM129788", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV8X7B27RM129788", "false"==="true"):!showMsrp )'>
14788                                                                    <div v-if="!unlockHideMsrp">
14789                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-20000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
14790                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
14791                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
14792                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$20,000</div>
14793                                                                        </div>
14794                                                                    </div>
14795
14796                                                </div>
14797                                            </div>
14798                                </div>
14799                            </div>
14800                        </div>
14801                        <div id="cta-params-3VV8X7B27RM129788"
14802                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:20548.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
14803                        </div>
14804
14805                        <div>
14806
14807                            <vehicle-badges model="Taos"
14808                                            :current="'srp'"
14809                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
14810                                            :eyesight="''"
14811                                            :starlink="''"
14812                                            :von="''"
14813                                            :onorder="''"
14814                                            :vin="'3VV8X7B27RM129788'"
14815                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance'"
14816                                            :vehicle-badges-top-srp="'False'"
14817                                            :year="'2024'"
14818                                            :in-transit-background-color-srp="''"
14819                                            :in-transit-badge-color-srp="''"
14820                                            :in-production-background-color-srp="''"
14821                                            :in-production-badge-color-srp="''"
14822                                            @opendisclaimer="openDisclaimerPopup($event)">
14823                            </vehicle-badges>
14824
14825                                <div class="d-flex flex-wrap">
14826                                    
14827
14828
14829
14830
14831
14832
14833                                </div>
14834                        </div>
14835
14836
14837
14838                        <div class="d-flex flex-wrap srp-certified-img-section">
14839
14840
14841
14842                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/-wltbNVq9v9iiMDY5sGw9dyyWRA5utp4yMmO7Vny72kOzh0yClhFO7kZ14bsGGNiSH_LnHpeYdK-quQtJzRoYREg_7xaDGONa0M')">
14843                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_great.svg"
14844                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
14845                                    </div>
14846                                <div class="text-center third-party-payment-tool">
14847                                    <span data-cg-vin="3VV8X7B27RM129788" data-cg-price="20548.0"></span>
14848                                </div>
14849
14850
14851
14852
14853
14854                        </div>
14855
14856                        <div v-if="currentTheme == 'subaru'" class="mt-3">
14857                            <subaru-badge-new model="Taos"
14858                                            year="2024"
14859                                            make="Volkswagen"
14860                                            type="Used"
14861                                            :current="'srp'"
14862                                            :transit="'False'"
14863                                            :eyesight="''"
14864                                            :starlink="''"
14865                                            :von="''"
14866                                            :onorder="''"
14867                                            :vin="'3VV8X7B27RM129788'"
14868                                            :hide-in-transit="'False'"
14869                                            :vehicle-badges-top-srp="'False'"
14870                                            :subaru-consumer-report-class="''"
14871                                            :in-transit-background-color-srp="''"
14872                                            :in-transit-badge-color-srp="''"
14873                                            >
14874                            </subaru-badge-new>
14875                        </div>
14876
14877                    </div>
14878                </div>
14879
14880
14881
14882            </div>
14883        </a>
14884        <template v-if="true">
14885            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
14886                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VV8X7B27RM129788'" class="vehicle-data-overlay-container"
14887                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
14888                     @keydown.esc.prevent="closeDetailsOverlay()"
14889                     @keydown.tab="srpOverlayTrapFocus($event)">
14890                    <div class="vehicle-overlay-data">
14891                        <div class="srp-overlay-options">
14892                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14893                                <div class="d-flex align-items-center" style="gap: 20px;">
14894                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
14895                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
14896                                    <h3 class="mb-0">Options</h3>
14897                                </div>
14898                                <div>
14899                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
14900                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
14901                                </div>
14902                            </div>
14903
14904                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
14905                                <div class="overlay-nav-items px-3 pt-4">
14906                                    <div class="d-flex overlay-nav-item" tabindex="0"
14907                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VV8X7B27RM129788', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VV8X7B27RM129788', overlayType: 'share-options', label: 'Share' })">
14908                                        <em class="primaryicon-share-icon"></em>
14909                                        <span>Share</span>
14910                                    </div>
14911
14912                                        <div class="d-flex overlay-nav-item"
14913                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VV8X7B27R
14913M129788', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VV8X7B27RM129788', overlayType: 'key-features', label: 'Key Features' })">
14914                                            <em class="primaryicon-key-features-icon"></em>
14915                                            <span>Key Features</span>
14916                                        </div>
14917                                        <div class="d-flex overlay-nav-item"
14918                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VV8X7B27RM129788")' @keydown.enter.space.prevent='openChatAssistant("3VV8X7B27RM129788")'>
14919                                            <em class="primaryicon-assistant-icon"></em>
14920                                            <span>Ask Us Anything</span>
14921                                        </div>
14922                                </div>
14923
14924                                <div class="pt-4 px-3 mt-3">
14925                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance")' target="_self"
14926                                        @keydown.space.prevent="$event.currentTarget.click()"
14927                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
14928                                        View Details
14929                                    </a>
14930                                </div>
14931                            </div>
14932                        </div>
14933                    </div>
14934                </div>
14935            </transition>
14936            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
14937                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VV8X7B27RM129788'"
14938                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
14939                     @keydown.esc.prevent="navigateToDetailsOverlay()"
14940                     @keydown.tab="srpOverlayTrapFocus($event)">
14941                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14942                        <div class="d-flex align-items-center" style="gap: 20px;">
14943                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
14944                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
14945                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
14946                        </div>
14947                        <div>
14948                            <em class="primaryicon-close-icon-gray"
14949                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
14950                        </div>
14951                    </div>
14952                    <div class="mt-3 pt-4 overlay-section-links">
14953                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
14954                        <template v-if="!isLoadingOverlayDetails">
14955                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
14956                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility?type=finance" vehicle-name="Used 2024 Volkswagen Taos S" :page-type-id="18" :style-id="439877" class="overlay-section-content"></share-options>
14957                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
14958                        </template>
14959                    </div>
14960                </div>
14961            </transition>
14962        </template>
14963    </div>
14964        
14964<script type="application/javascript">
14965
14966            var rebatesString = "[]";
14967            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
14968            localStorage.setItem("1GCUKEE84SZ139683-rebates", formattedRebatesString);
14969
14970        </script>
14970
14971<div data-itemid="Chevrolet-Silverado 1500-RST-1GCUKEE84SZ139683" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
14972        <a href="https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance" target="_self" @click='vehicleDetails($event, "1GCUKEE84SZ139683", "https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance", {vehicleCount: "32", vehicleIndex: "20",msrp:"46500",yourPrice:"47048.0",sellingPrice:"46500",type:"Used",title:`2025 Chevrolet Silverado 1500 RST`},"false"==="true"), setVintoTransact("1GCUKEE84SZ139683", $event,{styleId:"458797"})'
14973        @mouseleave="clearMouseHoverValue()"
14974        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
14975        used-large-box" style="height: 100%;">
14976
14977            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
14978                <div class="position-relative">
14979                    <div class="srp-top-badges">
14980                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
14981                            <div class="d-flex align-items-center gap-10">
14982                                            <div class="specials-indicator-wrapper">
14983                                                <inventory-specials-indicator
14984                                                bg-color="#9D0026 !important"
14985                                                text="Today&#x27;s Special">
14986                                                </inventory-specials-indicator>
14987                                            </div>
14988                            </div>
14989                        </div>
14990
14991                    </div>
14992
14993
14994                    <div id="EZ360_CVDP"></div>
14995
14996                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
14997                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1GCUKEE84SZ139683'" class="vehicle-box__image">
14998                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/2d26b1202d5846dfa9a8fa6044f2f4c4.jpg" class="img-fluid srp-vehiclebox-image"
14999                                    title="2025 Chevrolet Silverado 1500 RST" alt="2025 Chevrolet Silverado 1500 RST" />
15000
15001                        </div>
15002
15003                        <div class="dp-srp-evox-media-1GCUKEE84SZ139683" v-show="currentHoveredBlock === 'dp-srp-evox-media-1GCUKEE84SZ139683'"></div>
15004
15005                        <div class="vehicle-info-icon">
15006                            <em
15007                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1GCUKEE84SZ139683')"
15008                            class="primaryicon-options-btn-new info-icon-css"
15009                            data-vin="1GCUKEE84SZ139683"
15010                            tabindex="0"
15011                            role="button"
15012                            aria-label="Vehicle info"
15013                            @click.stop.prevent="openVehicleInfoOverlay($event, '1GCUKEE84SZ139683')"
15014                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1GCUKEE84SZ139683')"
15015                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
15016                        </div>
15017                    </div>
15018
15019
15020                    <div class="vehiclebox-info-section p-3">
15021                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
15022                            <div class="d-flex">
15023                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
15024                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
15025                                        2025 Chevrolet Silverado 1500 RST
15026                                    </h2>
15027                                </div>
15028                            </div>
15029                        </div>
15030
15031                        <div class="vehicle-summary-section mt-3 ">
15032                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
15033                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
15034            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GCUKEE84
15034SZ139683", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GCUKEE84SZ139683", "false"==="true"):showMsrp)'>
15035                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
15036                                            <div class="mr-2" style="color:#000">
15037                                                <span id="1gcukee84sz139683-price-summary-label">Your Price</span>
15038                                            </div>
15039                                            <div id="1gcukee84sz139683-price-summary-value" class=" " style="color:#000">$47,048</div>
15040                                        </div>
15041
15042            </div>
15043            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GCUKEE84SZ139683", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GCUKEE84SZ139683", "false"==="true"):!showMsrp )'>
15044                                <div v-if="!unlockHideMsrp">
15045                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
15046                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
15047                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$46,500</div>
15048                                    </div>
15049                                </div>
15050
15051            </div>
15052        </div>
15053
15054                            </div>
15055
15056                                <template v-if="true">
15057                                    <div class="vehicle-summary-cta flex-1">
15058                                        <object>
15059                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
15060                <a v-if="applySecondaryDesign" href=""
15061                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
15062                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15063                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15064                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15065                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
15066                <a v-else href=""
15067                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
15068                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15069                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;
150691GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15070                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15071                   @mouseover="onCTABtnHover('', '', '', $event)">
15072                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
15073                    60-Second Quote
15074                </a>
15075            </div>
15076
15077                                        </object>
15078                                    </div>
15079                                </template>
15080                        </div>
15081<div class="color-black ft-16 mt-1">
15082            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
15083                Disclosure
15084            </div>
15085</div>
15086
15087
15088                        <div class="show section-separator my-4"></div>
15089
15090
15091                            <template v-if="true">
15092                                <object>
15093                                    <div class="app-level-cta-container">
15094
15095
15096
15097
15098
15099
15100
15101                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1GCUKEE84SZ139683","false"==="true"))' class="primary-button-parent">
15102                                                    <a :style="ctaBtnStyles"
15103                                                     tabindex="0" role="button"
15104                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance", "1GCUKEE84SZ139683", "Used")'
15105                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance", "1GCUKEE84SZ139683", "Used")'
15106                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
15107                                                        {{inventorySettings.data.buttonLabel}}
15108                                                    </a>
15109                                                 </div>
15110                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
15111                                                                    <a v-if="applySecondaryDesign" href=""
15112                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
15113                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15114                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15115                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;
151151GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15116                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15117                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
15118                                                                    <a v-else href=""
15119                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
15120                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15121                                                                        @click.prevent="
15122                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15123                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15124                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15125                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
15126                                                                        Ask A Question
15127                                                                    </a>
15128                                                                </div>
15129                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
15130                                                                    <a v-if="applySecondary
15130Design" href=""
15131                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
15132                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15133                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15134                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15135                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
15136                                                                    <a v-else href=""
15137                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
15138                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15139                                                                        @click.prevent="
15140                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1GCUKEE84SZ139683&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;CC40066&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15141                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15142                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
15143                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
15144                                                                        Value My Trade
15145                                                                    </a>
15146                                                                </div>
15147
15148
15149
15150                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
15151                                                <a tabindex="0"
15152                                                role="button"
15153                                                @click.prevent='openSoftPullModel("0", "1GCUKEE84
15153SZ139683", "0", "2025", "Chevrolet", "Silverado 1500", "RST", "59998", "Used","", $event)'
15154                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1GCUKEE84SZ139683", "0", "2025", "Chevrolet", "Silverado 1500", "RST", "59998", "Used","", $event)'
15155                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
15156                                                style="background-color: #000000 !important; color: #FFFFFF !important"
15157                                                @mouseover="updateStyles($event, '','','')"
15158                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
15159                                                >
15160                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
15161                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
15162                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
15163                                                </a>
15164                                            </div>
15165
15166                                    </div>
15167                                </object>
15168                            </template>
15169
15170                            <div class="mt-3">
15171
15172
15173                                <div class="inventory-btns" style="width:100%;" v-cloak>
15174
15175
15176                                    <object class="d-flex flex-column primary-inventory-btn-group">
15177                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15178                                        <div class="pi-pullup-container"></div>
15179                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15180
15181                                        <div class="dvs_vin_btn" vin="1GCUKEE84SZ139683"></div>
15182
15183
15184
15185
15186
15187
15188                                    </object>
15189
15190
15191
15192
15193
15194
15195
15196
15197
15198                                    
15199
15200
15201
15202
15203
15204
15205
15206
15207
15208                                </div>
15209
15210
15211
15212
15213
15214
15215                            </div>
15216
15217                            <active-engage-widget v-if="isEnableActivEngageSrp"
15218                                                custom-class="py-2 ft-12"></active-engage-widget>
15219                        <div class="srp-tabs-section mt-3">
15220                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
15221                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1GCUKEE84SZ139683'] || 'details') === 'details' }"
15222                                    tabindex="0" role="tab"
15223                                    aria-label="Details"
15224                                    :aria-selected="(activeTabsByVin['1GCUKEE84SZ139683'] || 'details') === 'details'"
15225                                    aria-controls="tab-panel-details-1GCUKEE84SZ139683"
15226                                    @click.stop.prevent="setActiveTab('details', '1GCUKEE84SZ139683')"
15227                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1GCUKEE84SZ139683')">
15228                                        Details
15229                                    </div>
15230                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1GCUKEE84SZ139683'] || 'details') === 'payments' }"
15231                                tabindex="0" role="tab"
15232                                aria-label="Pricing"
15233                                :aria-selected="(activeTabsByVin['1GCUKEE84SZ139683'] || 'details') === 'payments'"
15234                                aria-controls="tab-panel-payments-1GCUKEE84SZ139683"
15235                                @click.stop.prevent="setActiveTab('payments', '1GCUKEE84
15235SZ139683')"
15236                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1GCUKEE84SZ139683')">
15237                                    Pricing
15238                                </div>
15239                            </div>
15240
15241                            <div class="srp-tab-content">
15242                                <div :class="(activeTabsByVin['1GCUKEE84SZ139683'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1GCUKEE84SZ139683" aria-label="Details">
15243                                    <div class="vehicle-details-list">
15244
15245                                            <div class="details-item-row ">
15246                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
15247                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
15248                                                        <div id="copy_vin" class="d-inline">1GCUKEE84SZ139683</div>
15249                                                    </div>
15250                                            </div>
15251
15252                                            <div class="details-item-row">
15253                                                <div class="details-item-label">Stock #</div>
15254                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
15255                                                    <div id="copy_stock" class="d-inline">CC40066</div>
15256                                                </div>
15257                                            </div>
15258
15259                                        
15260
15261                                            <div class="details-item-row">
15262                                                <div class="details-item-label">Model Code</div>
15263                                                <div class="details-item-value">#CK10543</div>
15264                                            </div>
15265
15266                                            <div class="details-item-row">
15267                                                <div class="details-item-label">Exterior</div>
15268                                                <div class="details-item-value d-flex align-items-center">
15269                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #9B2035; border-radius: 50%"></div>
15270                                                        <div class="ml-2">Radiant Red Tintcoat</div>
15271                                                </div>
15272                                            </div>
15273
15274                                            <div class="details-item-row">
15275                                                <div class="details-item-label">Interior</div>
15276                                                <div class="details-item-value d-flex align-items-center">
15277                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
15278                                                    <div class="ml-2 interior-word-break">Jet Black</div>
15279                                                </div>
15280                                            </div>
15281
15282                                            <div class="details-item-row">
15283                                                <div class="details-item-label">Drivetrain</div>
15284                                                <div class="details-item-value">4WD</div>
15285                                            </div>
15286
15287                                            <div class="details-item-row">
15288                                                <div class="details-item-label">Engine</div>
15289                                                        <div class="details-item-value">Turbocharged Diesel I6 3.0L/183</div>
15290                                            </div>
15291                                            <div class="details-item-row">
15292                                                <div class="details-item-label">Transmission</div>
15293                                                <div class="details-item-value">Automatic</div>
15294                                            </div>
15295                                                <div class="details-item-row">
15296                                                    <div class="details-item-label">Mileage</div>
15297                                                    <div class="details-item-value">16,431 Miles</div>
15298                                                </div>
15299
15300                                    </div>
15301
15302                                </div>
15303                                <div :class="(activeTabsByVin['1GCUKEE84
15303SZ139683'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1GCUKEE84SZ139683" aria-label="Pricing">
15304                                            <div class="msrppanel-label">
15305                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GCUKEE84SZ139683", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GCUKEE84SZ139683", "false"==="true"):showMsrp)'>
15306
15307
15308                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-46500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
15309                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
15310                                                                                        
15311
15312<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
15313    Selling Price
15314</div>
15315<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$46,500</div>
15316
15317
15318                                                                                    </div>
15319                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
15320                                                                                                <div>
15321                                                                                                    Doc Fee
15322                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
15323                                                                                                </div>
15324                                                                                                <div class="d-flex pl-2">
15325                                                                                                    &#x2B;$548
15326                                                                                                </div>
15327                                                                                            </div>
15328                                                                            <div id="1gcukee84sz139683-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
15329                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
15330                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
15331                                                                                </span>
15332                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1gcukee84sz139683-unlock-discount-price"></label></span>
15333                                                                            </div>
15334                                                                            <div id="1gcukee84sz139683-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
15335                                                                                <div class="mr-2" style="color:#000">
15336                                                                                    <sp
15336an id="1gcukee84sz139683-selling-price-label" class="p-0">Your Price</span>
15337                                                                                </div>
15338                                                                                <div id="1gcukee84sz139683-your-price-hide" class=" " style="color:#000">$47,048</div>
15339                                                                            </div>
15340                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
15341                                                                                <div class="mr-2" style="color:#000">
15342                                                                                    <span id="1gcukee84sz139683-selling-price-label" class="p-0">Your Price</span>
15343                                                                                </div>
15344                                                                                <div id="1gcukee84sz139683-your-price" class=" " style="color:#000">$47,048</div>
15345                                                                            </div>
15346
15347
15348
15349
15350                                                        <total-incentive-discount qualified-data=''
15351                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
15352                                                                                :pricedata="{'msrp':'46500','yourPrice':'47048.0'}"
15353                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
15354                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
15355                                                    <div class="color-black ft-16 mt-1">
15356            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
15357                Disclosure
15358            </div>
15359</div>
15360
15361                                                </div>
15362
15363                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GCUKEE84SZ139683", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GCUKEE84SZ139683", "false"==="true"):!showMsrp )'>
15364                                                                    <div v-if="!unlockHideMsrp">
15365                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-46500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
15366                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
15367                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
15368                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$46,500</div>
15369                                                                        </div>
15370                                                                    </div>
15371
15372                                                </div>
15373                                            </div>
15374                                </div>
15375                            </div>
15376                        </div>
15377                        <div id="cta-params-1GCUKEE84SZ139683"
15378                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:47048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
15379                        </div>
15380
15381                        <div>
15382
15383                            <vehicle-badges model="Silverado 1500"
15384                                            :current="'srp'"
15385                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
15386                                            :eyesight="''"
15387                                            :starlink="''"
15388                                            :von="''"
15389                                            :onorder="''"
15390                                            :vin="'1GCUKEE84SZ139683'"
15391                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance'"
15392                                            :vehicle-badges-top-srp="'False'"
15393                                            :year="'2025'"
15394                                            :in-transit-background-color-srp="''"
15395                                            :in-transit-badge-color-srp="''"
15396                                            :in-production-background-color-srp="''"
15397                                            :in-production-badge-color-srp="''"
15398                                            @opendisclaimer="openDisclaimerPopup($event)">
15399                            </vehicle-badges>
15400
15401                                <div class="d-flex flex-wrap">
15402                                    
15403
15404
15405
15406
15407
15408
15409                                </div>
15410                        </div>
15411
15412
15413
15414                        <div class="d-flex flex-wrap srp-certified-img-section">
15415
15416
15417
15418                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/HR0jwXmIMNaHvjeyuHBepDl15z0AnUcQBaxNLXCkNZ_EHvhphOc-sa6yMCeoNL2awjNmn_N1GnXsUKYl7ckasLl39TuZ79-FUpw')">
15419                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_good.svg"
15420                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
15421                                    </div>
15422                                <div class="text-center third-party-payment-tool">
15423                                    <span data-cg-vin="1GCUKEE84SZ139683" data-cg-price="47048.0"></span>
15424                                </div>
15425
15426
15427
15428
15429
15430                        </div>
15431
15432                        <div v-if="currentTheme == 'subaru'" class="mt-3">
15433                            <subaru-badge-new model="Silverado 1500"
15434                                            year="2025"
15435                                            make="Chevrolet"
15436                                            type="Used"
15437                                            :current="'srp'"
15438                                            :transit="'False'"
15439                                            :eyesight="''"
15440                                            :starlink="''"
15441                                            :von="''"
15442                                            :onorder="''"
15443                                            :vin="'1GCUKEE84SZ139683'"
15444                                            :hide-in-transit="'False'"
15445                                            :vehicle-badges-top-srp="'False'"
15446                                            :subaru-consumer-report-class="''"
15447                                            :in-transit-background-color-srp="''"
15448                                            :in-transit-badge-color-srp="''"
15449                                            >
15450                            </subaru-badge-new>
15451                        </div>
15452
15453                    </div>
15454                </div>
15455
15456
15457
15458            </div>
15459        </a>
15460        <template v-if="true">
15461            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
15462                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1GCUKEE84SZ139683'" class="vehicle-data-overlay-container"
15463                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
15464                     @keydown.esc.prevent="closeDetailsOverlay()"
15465                     @keydown.tab="srpOverlayTrapFocus($event)">
15466                    <div class="vehicle-overlay-data">
15467                        <div class="srp-overlay-options">
15468                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
15469                                <div class="d-flex align-items-center" style="gap: 20px;">
15470                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
15471                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
15472                                    <h3 class="mb-0">Options</h3>
15473                                </div>
15474                                <div>
15475                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
15476                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
15477                                </div>
15478                            </div>
15479
15480                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
15481                                <div class="overlay-nav-items px-3 pt-4">
15482                                    <div class="d-flex overlay-nav-item" tabindex="0"
15483                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1GCUKEE84SZ139683', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1GCUKEE84SZ139683', overlayType: 'share-options', label: 'Share' })">
15484                                        <em class="primaryicon-share-icon"></em>
15485                                        <span>Share</span>
15486                                    </div>
15487
15488                                        <div class="d-flex overlay-nav-item"
15489                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1GCUKEE84
15489SZ139683', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1GCUKEE84SZ139683', overlayType: 'key-features', label: 'Key Features' })">
15490                                            <em class="primaryicon-key-features-icon"></em>
15491                                            <span>Key Features</span>
15492                                        </div>
15493                                        <div class="d-flex overlay-nav-item"
15494                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1GCUKEE84SZ139683")' @keydown.enter.space.prevent='openChatAssistant("1GCUKEE84SZ139683")'>
15495                                            <em class="primaryicon-assistant-icon"></em>
15496                                            <span>Ask Us Anything</span>
15497                                        </div>
15498                                </div>
15499
15500                                <div class="pt-4 px-3 mt-3">
15501                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance")' target="_self"
15502                                        @keydown.space.prevent="$event.currentTarget.click()"
15503                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
15504                                        View Details
15505                                    </a>
15506                                </div>
15507                            </div>
15508                        </div>
15509                    </div>
15510                </div>
15511            </transition>
15512            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
15513                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1GCUKEE84SZ139683'"
15514                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
15515                     @keydown.esc.prevent="navigateToDetailsOverlay()"
15516                     @keydown.tab="srpOverlayTrapFocus($event)">
15517                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
15518                        <div class="d-flex align-items-center" style="gap: 20px;">
15519                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
15520                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
15521                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
15522                        </div>
15523                        <div>
15524                            <em class="primaryicon-close-icon-gray"
15525                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
15526                        </div>
15527                    </div>
15528                    <div class="mt-3 pt-4 overlay-section-links">
15529                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
15530                        <template v-if="!isLoadingOverlayDetails">
15531                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
15532                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup?type=finance" vehicle-name="Used 2025 Chevrolet Silverado 1500 RST" :page-type-id="18" :style-id="458797" class="overlay-section-content"></share-options>
15533                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
15534                        </template>
15535                    </div>
15536                </div>
15537            </transition>
15538        </template>
15539    </div>
15540        
15540<script type="application/javascript">
15541
15542            var rebatesString = "[]";
15543            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
15544            localStorage.setItem("3VVUW7RM1TM017083-rebates", formattedRebatesString);
15545
15546        </script>
15546
15547<div data-itemid="Volkswagen-Tiguan-SEL R-Line Turbo-3VVUW7RM1TM017083" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
15548        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "3VVUW7RM1TM017083", "https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "21",msrp:"40000",yourPrice:"40548.0",sellingPrice:"40000",type:"Used",title:`2026 Volkswagen Tiguan SEL R-Line Turbo`},"false"==="true"), setVintoTransact("3VVUW7RM1TM017083", $event,{styleId:"479043"})'
15549        @mouseleave="clearMouseHoverValue()"
15550        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
15551        used-large-box" style="height: 100%;">
15552
15553            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
15554                <div class="position-relative">
15555                    <div class="srp-top-badges">
15556                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
15557                            <div class="d-flex align-items-center gap-10">
15558                                            <div class="specials-indicator-wrapper">
15559                                                <inventory-specials-indicator
15560                                                bg-color="#9D0026 !important"
15561                                                text="Today&#x27;s Special">
15562                                                </inventory-specials-indicator>
15563                                            </div>
15564                            </div>
15565                        </div>
15566
15567                    </div>
15568
15569
15570                    <div id="EZ360_CVDP"></div>
15571
15572                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
15573                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VVUW7RM1TM017083'" class="vehicle-box__image">
15574                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/8121df3b36bb4990889cdf76d0c05a87.jpg" class="img-fluid srp-vehiclebox-image"
15575                                    title="2026 Volkswagen Tiguan SEL R-Line Turbo" alt="2026 Volkswagen Tiguan SEL R-Line Turbo" />
15576
15577                        </div>
15578
15579                        <div class="dp-srp-evox-media-3VVUW7RM1TM017083" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VVUW7RM1TM017083'"></div>
15580
15581                        <div class="vehicle-info-icon">
15582                            <em
15583                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VVUW7RM1TM017083')"
15584                            class="primaryicon-options-btn-new info-icon-css"
15585                            data-vin="3VVUW7RM1TM017083"
15586                            tabindex="0"
15587                            role="button"
15588                            aria-label="Vehicle info"
15589                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VVUW7RM1TM017083')"
15590                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VVUW7RM1TM017083')"
15591                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
15592                        </div>
15593                    </div>
15594
15595
15596                    <div class="vehiclebox-info-section p-3">
15597                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
15598                            <div class="d-flex">
15599                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
15600                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
15601                                        2026 Volkswagen Tiguan SEL R-Line Turbo
15602                                    </h2>
15603                                </div>
15604                            </div>
15605                        </div>
15606
15607                        <div class="vehicle-summary-section mt-3 ">
15608                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
15609                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
15610            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):showMsrp)'>
15611                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
15612                                            <div class="mr-2" style="color:#000">
15613                                                <span id="3vvuw7rm1tm017083-price-summary-label">Your Price</span>
15614                                            </div>
15615                                            <div id="3vvuw7rm1tm017083-price-summary-value" class=" " style="color:#000">$40,548</div>
15616                                        </div>
15617
15618            </div>
15619            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):!showMsrp )'>
15620                                <div v-if="!unlockHideMsrp">
15621                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
15622                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
15623                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$40,000</div>
15624                                    </div>
15625                                </div>
15626
15627            </div>
15628        </div>
15629
15630                            </div>
15631
15632                                <template v-if="true">
15633                                    <div class="vehicle-summary-cta flex-1">
15634                                        <object>
15635                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
15636                <a v-if="applySecondaryDesign" href=""
15637                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
15638                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15639                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15640                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15641                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
15642                <a v-else href=""
15643                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
15644                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15645                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm01
156457083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15646                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15647                   @mouseover="onCTABtnHover('', '', '', $event)">
15648                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
15649                    60-Second Quote
15650                </a>
15651            </div>
15652
15653                                        </object>
15654                                    </div>
15655                                </template>
15656                        </div>
15657<div class="color-black ft-16 mt-1">
15658            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
15659                Disclosure
15660            </div>
15661</div>
15662
15663
15664                        <div class="show section-separator my-4"></div>
15665
15666
15667                            <template v-if="true">
15668                                <object>
15669                                    <div class="app-level-cta-container">
15670
15671
15672
15673
15674
15675
15676
15677                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VVUW7RM1TM017083","false"==="true"))' class="primary-button-parent">
15678                                                    <a :style="ctaBtnStyles"
15679                                                     tabindex="0" role="button"
15680                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance", "3VVUW7RM1TM017083", "Used")'
15681                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance", "3VVUW7RM1TM017083", "Used")'
15682                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
15683                                                        {{inventorySettings.data.buttonLabel}}
15684                                                    </a>
15685                                                 </div>
15686                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
15687                                                                    <a v-if="applySecondaryDesign" href=""
15688                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
15689                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15690                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15691                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm01
156917083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15692                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15693                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
15694                                                                    <a v-else href=""
15695                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
15696                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15697                                                                        @click.prevent="
15698                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15699                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15700                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15701                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
15702                                                                        Ask A Question
15703                                                                    </a>
15704                                                                </div>
15705                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
15706                                                                    <a v-if="applySecondaryDesign" href=""
15707                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
15708                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15709                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm01
157097083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15710                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15711                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
15712                                                                    <a v-else href=""
15713                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
15714                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
15715                                                                        @click.prevent="
15716                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VVUW7RM1TM017083&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50026&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15717                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
15718                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
15719                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
15720                                                                        Value My Trade
15721                                                                    </a>
15722                                                                </div>
15723
15724
15725
15726                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
15727                                                <a tabindex="0"
15728                                                role="button"
15729                                                @click.prevent='openSoftPullModel("0", "3VVUW7RM1TM017083", "0", "2026", "Volkswagen", "Tiguan", "SEL R-Line Turbo", "59998", "Used","", $event)'
15730                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3VVUW7RM1TM017083", "0", "2026", "Volkswagen", "Tiguan", "SEL R-Line Turbo", "59998", "Used","", $event)'
15731                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
15732                                                style="background-color: #000000 !important; color: #FFFFFF !important"
15733                                                @mouseover="updateStyles($event, '','','')"
15734                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
15735                                                >
15736                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
15737                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
15738                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
15739                                                </a>
15740                                            </div>
15741
15742                                    </div>
15743                                </object>
15744                            </template>
15745
15746                            <div class="mt-3">
15747
15748
15749                                <div class="inventory-btns" style="width:100%;" v-cloak>
15750
15751
15752                                    <object class="d-flex flex-column primary-inventory-btn-group">
15753                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15754                                        <div class="pi-pullup-container"></div>
15755                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15756
15757                                        <div class="dvs_vin_btn" vin="3VVUW7RM1TM017083"></div>
15758
15759
15760
15761
15762
15763
15764                                    </object>
15765
15766
15767
15768
15769
15770
15771
15772
15773
15774                                    
15775
15776
15777
15778
15779
15780
15781
15782
15783
15784                                </div>
15785
15786
15787
15788
15789
15790
15791                            </div>
15792
15793                            <active-engage-widget v-if="isEnableActivEngageSrp"
15794                                                custom-class="py-2 ft-12"></active-engage-widget>
15795                        <div class="srp-tabs-section mt-3">
15796                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
15797                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VVUW7RM1TM017083'] || 'details') === 'details' }"
15798                                    tabindex="0" role="tab"
15799                                    aria-label="Details"
15800                                    :aria-selected="(activeTabsByVin['3VVUW7RM1TM017083'] || 'details') === 'details'"
15801                                    aria-controls="tab-panel-details-3VVUW7RM1TM017083"
15802                                    @click.stop.prevent="setActiveTab('details', '3VVUW7RM1TM017083')"
15803                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VVUW7RM1TM017083')">
15804                                        Details
15805                                    </div>
15806                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VVUW7RM1TM017083'] || 'details') === 'payments' }"
15807                                tabindex="0" role="tab"
15808                                aria-label="Pricing"
15809                                :aria-selected="(activeTabsByVin['3VVUW7RM1TM017083'] || 'details') === 'payments'"
15810                                aria-controls="tab-panel-payments-3VVUW7RM1TM017083"
15811                                @click.stop.prevent="setActiveTab('payments', '3VVUW7RM1TM017083')"
15812                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VVUW7RM1TM017083')">
15813                                    Pricing
15814                                </div>
15815                            </div>
15816
15817                            <div class="srp-tab-content">
15818                                <div :class="(activeTabsByVin['3VVUW7RM1TM017083'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VVUW7RM1TM017083" aria-label="Details">
15819                                    <div class="vehicle-details-list">
15820
15821                                            <div class="details-item-row ">
15822                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
15823                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
15824                                                        <div id="copy_vin" class="d-inline">3VVUW7RM1TM017083</div>
15825                                                    </div>
15826                                            </div>
15827
15828                                            <div class="details-item-row">
15829                                                <div class="details-item-label">Stock #</div>
15830                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
15831                                                    <div id="copy_stock" class="d-inline">VV50026</div>
15832                                                </div>
15833                                            </div>
15834
15835                                        
15836
15837                                            <div class="details-item-row">
15838                                                <div class="details-item-label">Model Code</div>
15839                                                <div class="details-item-value">#RM14QJ</div>
15840                                            </div>
15841
15842                                            <div class="details-item-row">
15843                                                <div class="details-item-label">Exterior</div>
15844                                                <div class="details-item-value d-flex align-items-center">
15845                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #666656; border-radius: 50%"></div>
15846                                                        <div class="ml-2">Avocado Green w/Deep Black Roof</div>
15847                                                </div>
15848                                            </div>
15849
15850                                            <div class="details-item-row">
15851                                                <div class="details-item-label">Interior</div>
15852                                                <div class="details-item-value d-flex align-items-center">
15853                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Brown; border-radius: 50%; visibility:hidden;"></div>
15854                                                    <div class="ml-2 interior-word-break">Amber Brown</div>
15855                                                </div>
15856                                            </div>
15857
15858                                            <div class="details-item-row">
15859                                                <div class="details-item-label">Drivetrain</div>
15860                                                <div class="details-item-value">AWD</div>
15861                                            </div>
15862
15863                                            <div class="details-item-row">
15864                                                <div class="details-item-label">Engine</div>
15865                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 2.0 L/121</div>
15866                                            </div>
15867                                            <div class="details-item-row">
15868                                                <div class="details-item-label">Transmission</div>
15869                                                <div class="details-item-value">Automatic</div>
15870                                            </div>
15871                                                <div class="details-item-row">
15872                                                    <div class="details-item-label">Mileage</div>
15873                                                    <div class="details-item-value">15,190 Miles</div>
15874                                                </div>
15875
15876                                    </div>
15877
15878                                </div>
15879                                <div :class="(activeTabsByVin['3VVUW7RM1TM017083'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VVUW7RM1TM017083" aria-label="Pricing">
15880                                            <div class="msrppanel-label">
15881                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):showMsrp)'>
15882
15883
15884                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-40000' :sh
15884owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
15885                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
15886                                                                                        
15887
15888<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
15889    Selling Price
15890</div>
15891<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$40,000</div>
15892
15893
15894                                                                                    </div>
15895                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
15896                                                                                                <div>
15897                                                                                                    Doc Fee
15898                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
15899                                                                                                </div>
15900                                                                                                <div class="d-flex pl-2">
15901                                                                                                    &#x2B;$548
15902                                                                                                </div>
15903                                                                                            </div>
15904                                                                            <div id="3vvuw7rm1tm017083-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
15905                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
15906                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
15907                                                                                </span>
15908                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vvuw7rm1tm017083-unlock-discount-price"></label></span>
15909                                                                            </div>
15910                                                                            <div id="3vvuw7rm1tm017083-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
15911                                                                                <div class="mr-2" style="color:#000">
15912                                                                                    <span id="3vvuw7rm1tm017083-selling-price-label" class="p-0">Your Price</span>
15913                                                                                </div>
15914                                                                                <div id="3vvuw7rm1tm017083-your-price-hide" class=" " style="color:#000">$40,548</div>
15915                                                                            </div>
15916                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
15917                                                                                <div class="mr-2" style="color:#000">
15918                                                                                    <sp
15918an id="3vvuw7rm1tm017083-selling-price-label" class="p-0">Your Price</span>
15919                                                                                </div>
15920                                                                                <div id="3vvuw7rm1tm017083-your-price" class=" " style="color:#000">$40,548</div>
15921                                                                            </div>
15922
15923
15924
15925
15926                                                        <total-incentive-discount qualified-data=''
15927                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
15928                                                                                :pricedata="{'msrp':'40000','yourPrice':'40548.0'}"
15929                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
15930                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
15931                                                    <div class="color-black ft-16 mt-1">
15932            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
15933                Disclosure
15934            </div>
15935</div>
15936
15937                                                </div>
15938
15939                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VVUW7RM1TM017083", "false"==="true"):!showMsrp )'>
15940                                                                    <div v-if="!unlockHideMsrp">
15941                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-40000' :sh
15941owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
15942                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
15943                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
15944                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$40,000</div>
15945                                                                        </div>
15946                                                                    </div>
15947
15948                                                </div>
15949                                            </div>
15950                                </div>
15951                            </div>
15952                        </div>
15953                        <div id="cta-params-3VVUW7RM1TM017083"
15954                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:40548.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
15955                        </div>
15956
15957                        <div>
15958
15959                            <vehicle-badges model="Tiguan"
15960                                            :current="'srp'"
15961                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
15962                                            :eyesight="''"
15963                                            :starlink="''"
15964                                            :von="''"
15965                                            :onorder="''"
15966                                            :vin="'3VVUW7RM1TM017083'"
15967                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance'"
15968                                            :vehicle-badges-top-srp="'False'"
15969                                            :year="'2026'"
15970                                            :in-transit-background-color-srp="''"
15971                                            :in-transit-badge-color-srp="''"
15972                                            :in-production-background-color-srp="''"
15973                                            :in-production-badge-color-srp="''"
15974                                            @opendisclaimer="openDisclaimerPopup($event)">
15975                            </vehicle-badges>
15976
15977                                <div class="d-flex flex-wrap">
15978                                    
15979
15980
15981
15982
15983
15984
15985                                </div>
15986                        </div>
15987
15988
15989
15990                        <div class="d-flex flex-wrap srp-certified-img-section">
15991
15992
15993
15994                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/iAm4opk2404fl6iUurjlJcFnf6KoecWaab6DVZAy3TXPWqnVNEJAtXp77e9HU1wFdINKAcIsd8BvViU1Ou0UNPO6QSVFhrvb70Y')">
15995                                        <img src="https://partnerstatic.
15995carfax.com/img/valuebadge/1own_fair.svg"
15996                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
15997                                    </div>
15998                                <div class="text-center third-party-payment-tool">
15999                                    <span data-cg-vin="3VVUW7RM1TM017083" data-cg-price="40548.0"></span>
16000                                </div>
16001
16002
16003
16004
16005
16006                        </div>
16007
16008                        <div v-if="currentTheme == 'subaru'" class="mt-3">
16009                            <subaru-badge-new model="Tiguan"
16010                                            year="2026"
16011                                            make="Volkswagen"
16012                                            type="Used"
16013                                            :current="'srp'"
16014                                            :transit="'False'"
16015                                            :eyesight="''"
16016                                            :starlink="''"
16017                                            :von="''"
16018                                            :onorder="''"
16019                                            :vin="'3VVUW7RM1TM017083'"
16020                                            :hide-in-transit="'False'"
16021                                            :vehicle-badges-top-srp="'False'"
16022                                            :subaru-consumer-report-class="''"
16023                                            :in-transit-background-color-srp="''"
16024                                            :in-transit-badge-color-srp="''"
16025                                            >
16026                            </subaru-badge-new>
16027                        </div>
16028
16029                    </div>
16030                </div>
16031
16032
16033
16034            </div>
16035        </a>
16036        <template v-if="true">
16037            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
16038                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VVUW7RM1TM017083'" class="vehicle-data-overlay-container"
16039                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
16040                     @keydown.esc.prevent="closeDetailsOverlay()"
16041                     @keydown.tab="srpOverlayTrapFocus($event)">
16042                    <div class="vehicle-overlay-data">
16043                        <div class="srp-overlay-options">
16044                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16045                                <div class="d-flex align-items-center" style="gap: 20px;">
16046                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
16047                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
16048                                    <h3 class="mb-0">Options</h3>
16049                                </div>
16050                                <div>
16051                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
16052                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
16053                                </div>
16054                            </div>
16055
16056                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
16057                                <div class="overlay-nav-items px-3 pt-4">
16058                                    <div class="d-flex overlay-nav-item" tabindex="0"
16059                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VVUW7RM1TM017083', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VVUW7RM1TM017083', overlayType: '
16059share-options', label: 'Share' })">
16060                                        <em class="primaryicon-share-icon"></em>
16061                                        <span>Share</span>
16062                                    </div>
16063
16064                                        <div class="d-flex overlay-nav-item"
16065                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VVUW7RM1TM017083', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VVUW7RM1TM017083', overlayType: 'key-features', label: 'Key Features' })">
16066                                            <em class="primaryicon-key-features-icon"></em>
16067                                            <span>Key Features</span>
16068                                        </div>
16069                                        <div class="d-flex overlay-nav-item"
16070                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VVUW7RM1TM017083")' @keydown.enter.space.prevent='openChatAssistant("3VVUW7RM1TM017083")'>
16071                                            <em class="primaryicon-assistant-icon"></em>
16072                                            <span>Ask Us Anything</span>
16073                                        </div>
16074                                </div>
16075
16076                                <div class="pt-4 px-3 mt-3">
16077                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility?type=finance")' target="_self"
16078                                        @keydown.space.prevent="$event.currentTarget.click()"
16079                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
16080                                        View Details
16081                                    </a>
16082                                </div>
16083                            </div>
16084                        </div>
16085                    </div>
16086                </div>
16087            </transition>
16088            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
16089                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VVUW7RM1TM017083'"
16090                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
16091                     @keydown.esc.prevent="navigateToDetailsOverlay()"
16092                     @keydown.tab="srpOverlayTrapFocus($event)">
16093                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16094                        <div class="d-flex align-items-center" style="gap: 20px;">
16095                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
16096                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
16097                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
16098                        </div>
16099                        <div>
16100                            <em class="primaryicon-close-icon-gray"
16101                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
16102                        </div>
16103                    </div>
16104                    <div class="mt-3 pt-4 overlay-section-links">
16105                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
16106                        <template v-if="!isLoadingOverlayDetails">
16107                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
16108                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm01
161087083/2026-volkswagen-tiguan-sport-utility?type=finance" vehicle-name="Used 2026 Volkswagen Tiguan SEL R-Line Turbo" :page-type-id="18" :style-id="479043" class="overlay-section-content"></share-options>
16109                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
16110                        </template>
16111                    </div>
16112                </div>
16113            </transition>
16114        </template>
16115    </div>
16116        
16116<script type="application/javascript">
16117
16118            var rebatesString = "[]";
16119            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
16120            localStorage.setItem("1V2LP2CA2NC518575-rebates", formattedRebatesString);
16121
16122        </script>
16122
16123<div data-itemid="Volkswagen-Atlas-2.0T SE-1V2LP2CA2NC518575" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
16124        <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "1V2LP2CA2NC518575", "https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "22",msrp:"27000",yourPrice:"27548.0",sellingPrice:"27000",type:"Used",title:`2022 Volkswagen Atlas 2.0T SE`},"false"==="true"), setVintoTransact("1V2LP2CA2NC518575", $event,{styleId:"423934"})'
16125        @mouseleave="clearMouseHoverValue()"
16126        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
16127        used-large-box" style="height: 100%;">
16128
16129            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
16130                <div class="position-relative">
16131                    <div class="srp-top-badges">
16132                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
16133                            <div class="d-flex align-items-center gap-10">
16134                                            <div class="specials-indicator-wrapper">
16135                                                <inventory-specials-indicator
16136                                                bg-color="#9D0026 !important"
16137                                                text="Today&#x27;s Special">
16138                                                </inventory-specials-indicator>
16139                                            </div>
16140                            </div>
16141                        </div>
16142
16143                    </div>
16144
16145
16146                    <div id="EZ360_CVDP"></div>
16147
16148                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
16149                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1V2LP2CA2NC518575'" class="vehicle-box__image">
16150                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/f6346cacc6584391a7009055a881e9cc.jpg" class="img-fluid srp-vehiclebox-image"
16151                                    title="2022 Volkswagen Atlas 2.0T SE" alt="2022 Volkswagen Atlas 2.0T SE" />
16152
16153                        </div>
16154
16155                        <div class="dp-srp-evox-media-1V2LP2CA2NC518575" v-show="currentHoveredBlock === 'dp-srp-evox-media-1V2LP2CA2NC518575'"></div>
16156
16157                        <div class="vehicle-info-icon">
16158                            <em
16159                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1V2LP2CA2NC518575')"
16160                            class="primaryicon-options-btn-new info-icon-css"
16161                            data-vin="1V2LP2CA2NC518575"
16162                            tabindex="0"
16163                            role="button"
16164                            aria-label="Vehicle info"
16165                            @click.stop.prevent="openVehicleInfoOverlay($event, '1V2LP2CA2NC518575')"
16166                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1V2LP2CA2NC518575')"
16167                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
16168                        </div>
16169                    </div>
16170
16171
16172                    <div class="vehiclebox-info-section p-3">
16173                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
16174                            <div class="d-flex">
16175                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
16176                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
16177                                        2022 Volkswagen Atlas 2.0T SE
16178                                    </h2>
16179                                </div>
16180                            </div>
16181                        </div>
16182
16183                        <div class="vehicle-summary-section mt-3 ">
16184                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
16185                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
16186            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):showMsrp)'>
16187                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
16188                                            <div class="mr-2" style="color:#000">
16189                                                <span id="1v2lp2ca2nc518575-price-summary-label">Your Price</span>
16190                                            </div>
16191                                            <div id="1v2lp2ca2nc518575-price-summary-value" class=" " style="color:#000">$27,548</div>
16192                                        </div>
16193
16194            </div>
16195            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):!showMsrp )'>
16196                                <div v-if="!unlockHideMsrp">
16197                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
16198                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
16199                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,000</div>
16200                                    </div>
16201                                </div>
16202
16203            </div>
16204        </div>
16205
16206                            </div>
16207
16208                                <template v-if="true">
16209                                    <div class="vehicle-summary-cta flex-1">
16210                                        <object>
16211                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
16212                <a v-if="applySecondaryDesign" href=""
16213                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
16214                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16215                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16216                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16217                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
16218                <a v-else href=""
16219                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
16220                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16221                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16222                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16223                   @mouseover="onCTABtnHover('', '', '', $event)">
16224                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
16225                    60-Second Quote
16226                </a>
16227            </div>
16228
16229                                        </object>
16230                                    </div>
16231                                </template>
16232                        </div>
16233<div class="color-black ft-16 mt-1">
16234            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
16235                Disclosure
16236            </div>
16237</div>
16238
16239
16240                        <div class="show section-separator my-4"></div>
16241
16242
16243                            <template v-if="true">
16244                                <object>
16245                                    <div class="app-level-cta-container">
16246
16247
16248
16249
16250
16251
16252
16253                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1V2LP2CA2NC518575","false"==="true"))' class="primary-button-parent">
16254                                                    <a :style="ctaBtnStyles"
16255                                                     tabindex="0" role="button"
16256                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance", "1V2LP2CA2NC518575", "Used")'
16257                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance", "1V2LP2CA2NC518575", "Used")'
16258                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
16259                                                        {{inventorySettings.data.buttonLabel}}
16260                                                    </a>
16261                                                 </div>
16262                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
16263                                                                    <a v-if="applySecondaryDesign" href=""
16264                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
16265                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16266                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16267                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16268                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16269                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
16270                                                                    <a v-else href=""
16271                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
16272                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16273                                                                        @click.prevent="
16274                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16275                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16276                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16277                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
16278                                                                        Ask A Question
16279                                                                    </a>
16280                                                                </div>
16281                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
16282                                                                    <a v-if="applySecondary
16282Design" href=""
16283                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
16284                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16285                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16286                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16287                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
16288                                                                    <a v-else href=""
16289                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
16290                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16291                                                                        @click.prevent="
16292                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2LP2CA2NC518575&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27233C&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16293                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16294                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
16295                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
16296                                                                        Value My Trade
16297                                                                    </a>
16298                                                                </div>
16299
16300
16301
16302                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
16303                                                <a tabindex="0"
16304                                                role="button"
16305                                                @click.prevent='openSoftPullModel("0", "1V2LP2CA2NC518575", "0", "2022", "Volkswagen", "Atlas", "2.0T SE", "59998", "Used","", $event)'
16306                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1V2LP2CA2NC518575", "0", "2022", "Volkswagen", "Atlas", "2.0T SE", "59998", "Used","", $event)'
16307                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
16308                                                style="background-color: #000000 !important; color: #FFFFFF !important"
16309                                                @mouseover="updateStyles($event, '','','')"
16310                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
16311                                                >
16312                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
16313                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
16314                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
16315                                                </a>
16316                                            </div>
16317
16318                                    </div>
16319                                </object>
16320                            </template>
16321
16322                            <div class="mt-3">
16323
16324
16325                                <div class="inventory-btns" style="width:100%;" v-cloak>
16326
16327
16328                                    <object class="d-flex flex-column primary-inventory-btn-group">
16329                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16330                                        <div class="pi-pullup-container"></div>
16331                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16332
16333                                        <div class="dvs_vin_btn" vin="1V2LP2CA2NC518575"></div>
16334
16335
16336
16337
16338
16339
16340                                    </object>
16341
16342
16343
16344
16345
16346
16347
16348
16349
16350                                    
16351
16352
16353
16354
16355
16356
16357
16358
16359
16360                                </div>
16361
16362
16363
16364
16365
16366
16367                            </div>
16368
16369                            <active-engage-widget v-if="isEnableActivEngageSrp"
16370                                                custom-class="py-2 ft-12"></active-engage-widget>
16371                        <div class="srp-tabs-section mt-3">
16372                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
16373                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2LP2CA2NC518575'] || 'details') === 'details' }"
16374                                    tabindex="0" role="tab"
16375                                    aria-label="Details"
16376                                    :aria-selected="(activeTabsByVin['1V2LP2CA2NC518575'] || 'details') === 'details'"
16377                                    aria-controls="tab-panel-details-1V2LP2CA2NC518575"
16378                                    @click.stop.prevent="setActiveTab('details', '1V2LP2CA2NC518575')"
16379                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1V2LP2CA2NC518575')">
16380                                        Details
16381                                    </div>
16382                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2LP2CA2NC518575'] || 'details') === 'payments' }"
16383                                tabindex="0" role="tab"
16384                                aria-label="Pricing"
16385                                :aria-selected="(activeTabsByVin['1V2LP2CA2NC518575'] || 'details') === 'payments'"
16386                                aria-controls="tab-panel-payments-1V2LP2CA2NC518575"
16387                                @click.stop.prevent="setActiveTab('payments', '1V2LP2CA2NC518575')"
16388                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1V2LP2CA2NC518575')">
16389                                    Pricing
16390                                </div>
16391                            </div>
16392
16393                            <div class="srp-tab-content">
16394                                <div :class="(activeTabsByVin['1V2LP2CA2NC518575'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1V2LP2CA2NC518575" aria-label="Details">
16395                                    <div class="vehicle-details-list">
16396
16397                                            <div class="details-item-row ">
16398                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
16399                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
16400                                                        <div id="copy_vin" class="d-inline">1V2LP2CA2NC518575</div>
16401                                                    </div>
16402                                            </div>
16403
16404                                            <div class="details-item-row">
16405                                                <div class="details-item-label">Stock #</div>
16406                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
16407                                                    <div id="copy_stock" class="d-inline">H27233C</div>
16408                                                </div>
16409                                            </div>
16410
16411                                        
16412
16413                                            <div class="details-item-row">
16414                                                <div class="details-item-label">Model Code</div>
16415                                                <div class="details-item-value">#CA23NR</div>
16416                                            </div>
16417
16418                                            <div class="details-item-row">
16419                                                <div class="details-item-label">Exterior</div>
16420                                                <div class="details-item-value d-flex align-items-center">
16421                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Blue; border-radius: 50%"></div>
16422                                                        <div class="ml-2">Tourmaline Blue Metallic</div>
16423                                                </div>
16424                                            </div>
16425
16426                                            <div class="details-item-row">
16427                                                <div class="details-item-label">Interior</div>
16428                                                <div class="details-item-value d-flex align-items-center">
16429                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
16430                                                    <div class="ml-2 interior-word-break">Titan Black</div>
16431                                                </div>
16432                                            </div>
16433
16434                                            <div class="details-item-row">
16435                                                <div class="details-item-label">Drivetrain</div>
16436                                                <div class="details-item-value">AWD</div>
16437                                            </div>
16438
16439                                            <div class="details-item-row">
16440                                                <div class="details-item-label">Engine</div>
16441                                                        <div class="details-item-value">Intercooled Turbo Premium Gasoline I-4 2.0 L/121</div>
16442                                            </div>
16443                                            <div class="details-item-row">
16444                                                <div class="details-item-label">Transmission</div>
16445                                                <div class="details-item-value">Automatic</div>
16446                                            </div>
16447                                                <div class="details-item-row">
16448                                                    <div class="details-item-label">Mileage</div>
16449                                                    <div class="details-item-value">32,811 Miles</div>
16450                                                </div>
16451
16452                                    </div>
16453
16454                                </div>
16455                                <div :class="(activeTabsByVin['1V2LP2CA2NC518575'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1V2LP2CA2NC518575" aria-label="Pricing">
16456                                            <div class="msrppanel-label">
16457                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):showMsrp)'>
16458
16459
16460                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27000' :sh
16460owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
16461                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
16462                                                                                        
16463
16464<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
16465    Selling Price
16466</div>
16467<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$27,000</div>
16468
16469
16470                                                                                    </div>
16471                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
16472                                                                                                <div>
16473                                                                                                    Doc Fee
16474                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
16475                                                                                                </div>
16476                                                                                                <div class="d-flex pl-2">
16477                                                                                                    &#x2B;$548
16478                                                                                                </div>
16479                                                                                            </div>
16480                                                                            <div id="1v2lp2ca2nc518575-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
16481                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
16482                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
16483                                                                                </span>
16484                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1v2lp2ca2nc518575-unlock-discount-price"></label></span>
16485                                                                            </div>
16486                                                                            <div id="1v2lp2ca2nc518575-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
16487                                                                                <div class="mr-2" style="color:#000">
16488                                                                                    <span id="1v2lp2ca2nc518575-selling-price-label" class="p-0">Your Price</span>
16489                                                                                </div>
16490                                                                                <div id="1v2lp2ca2nc518575-your-price-hide" class=" " style="color:#000">$27,548</div>
16491                                                                            </div>
16492                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
16493                                                                                <div class="mr-2" style="color:#000">
16494                                                                                    <sp
16494an id="1v2lp2ca2nc518575-selling-price-label" class="p-0">Your Price</span>
16495                                                                                </div>
16496                                                                                <div id="1v2lp2ca2nc518575-your-price" class=" " style="color:#000">$27,548</div>
16497                                                                            </div>
16498
16499
16500
16501
16502                                                        <total-incentive-discount qualified-data=''
16503                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
16504                                                                                :pricedata="{'msrp':'27000','yourPrice':'27548.0'}"
16505                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
16506                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
16507                                                    <div class="color-black ft-16 mt-1">
16508            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
16509                Disclosure
16510            </div>
16511</div>
16512
16513                                                </div>
16514
16515                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2LP2CA2NC518575", "false"==="true"):!showMsrp )'>
16516                                                                    <div v-if="!unlockHideMsrp">
16517                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
16518                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
16519                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
16520                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,000</div>
16521                                                                        </div>
16522                                                                    </div>
16523
16524                                                </div>
16525                                            </div>
16526                                </div>
16527                            </div>
16528                        </div>
16529                        <div id="cta-params-1V2LP2CA2NC518575"
16530                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:27548.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
16531                        </div>
16532
16533                        <div>
16534
16535                            <vehicle-badges model="Atlas"
16536                                            :current="'srp'"
16537                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
16538                                            :eyesight="''"
16539                                            :starlink="''"
16540                                            :von="''"
16541                                            :onorder="''"
16542                                            :vin="'1V2LP2CA2NC518575'"
16543                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance'"
16544                                            :vehicle-badges-top-srp="'False'"
16545                                            :year="'2022'"
16546                                            :in-transit-background-color-srp="''"
16547                                            :in-transit-badge-color-srp="''"
16548                                            :in-production-background-color-srp="''"
16549                                            :in-production-badge-color-srp="''"
16550                                            @opendisclaimer="openDisclaimerPopup($event)">
16551                            </vehicle-badges>
16552
16553                                <div class="d-flex flex-wrap">
16554                                    
16555
16556
16557
16558
16559
16560
16561                                </div>
16562                        </div>
16563
16564
16565
16566                        <div class="d-flex flex-wrap srp-certified-img-section">
16567
16568
16569
16570                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/UAIGNdHzbhWTjRDqRLSlM1cc4L6z_8LupHPqDHa2zfd7xHrZUm3nOucUT7miOCZ3b-GZ1bSnMgiUZT
16570yFZdLvLp03J-pS-ebSjvw')">
16571                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/fair.svg"
16572                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
16573                                    </div>
16574                                <div class="text-center third-party-payment-tool">
16575                                    <span data-cg-vin="1V2LP2CA2NC518575" data-cg-price="27548.0"></span>
16576                                </div>
16577
16578
16579
16580
16581
16582                        </div>
16583
16584                        <div v-if="currentTheme == 'subaru'" class="mt-3">
16585                            <subaru-badge-new model="Atlas"
16586                                            year="2022"
16587                                            make="Volkswagen"
16588                                            type="Used"
16589                                            :current="'srp'"
16590                                            :transit="'False'"
16591                                            :eyesight="''"
16592                                            :starlink="''"
16593                                            :von="''"
16594                                            :onorder="''"
16595                                            :vin="'1V2LP2CA2NC518575'"
16596                                            :hide-in-transit="'False'"
16597                                            :vehicle-badges-top-srp="'False'"
16598                                            :subaru-consumer-report-class="''"
16599                                            :in-transit-background-color-srp="''"
16600                                            :in-transit-badge-color-srp="''"
16601                                            >
16602                            </subaru-badge-new>
16603                        </div>
16604
16605                    </div>
16606                </div>
16607
16608
16609
16610            </div>
16611        </a>
16612        <template v-if="true">
16613            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
16614                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1V2LP2CA2NC518575'" class="vehicle-data-overlay-container"
16615                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
16616                     @keydown.esc.prevent="closeDetailsOverlay()"
16617                     @keydown.tab="srpOverlayTrapFocus($event)">
16618                    <div class="vehicle-overlay-data">
16619                        <div class="srp-overlay-options">
16620                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16621                                <div class="d-flex align-items-center" style="gap: 20px;">
16622                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
16623                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
16624                                    <h3 class="mb-0">Options</h3>
16625                                </div>
16626                                <div>
16627                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
16628                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
16629                                </div>
16630                            </div>
16631
16632                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
16633                                <div class="overlay-nav-items px-3 pt-4">
16634                                    <div class="d-flex overlay-nav-item" tabindex="0"
16635                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2LP2CA2NC518575', overlayType: '
16635share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2LP2CA2NC518575', overlayType: 'share-options', label: 'Share' })">
16636                                        <em class="primaryicon-share-icon"></em>
16637                                        <span>Share</span>
16638                                    </div>
16639
16640                                        <div class="d-flex overlay-nav-item"
16641                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2LP2CA2NC518575', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2LP2CA2NC518575', overlayType: 'key-features', label: 'Key Features' })">
16642                                            <em class="primaryicon-key-features-icon"></em>
16643                                            <span>Key Features</span>
16644                                        </div>
16645                                        <div class="d-flex overlay-nav-item"
16646                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1V2LP2CA2NC518575")' @keydown.enter.space.prevent='openChatAssistant("1V2LP2CA2NC518575")'>
16647                                            <em class="primaryicon-assistant-icon"></em>
16648                                            <span>Ask Us Anything</span>
16649                                        </div>
16650                                </div>
16651
16652                                <div class="pt-4 px-3 mt-3">
16653                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance")' target="_self"
16654                                        @keydown.space.prevent="$event.currentTarget.click()"
16655                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
16656                                        View Details
16657                                    </a>
16658                                </div>
16659                            </div>
16660                        </div>
16661                    </div>
16662                </div>
16663            </transition>
16664            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
16665                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1V2LP2CA2NC518575'"
16666                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
16667                     @keydown.esc.prevent="navigateToDetailsOverlay()"
16668                     @keydown.tab="srpOverlayTrapFocus($event)">
16669                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16670                        <div class="d-flex align-items-center" style="gap: 20px;">
16671                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
16672                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
16673                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
16674                        </div>
16675                        <div>
16676                            <em class="primaryicon-close-icon-gray"
16677                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
16678                        </div>
16679                    </div>
16680                    <div class="mt-3 pt-4 overlay-section-links">
16681                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
16682                        <template v-if="!isLoadingOverlayDetails">
16683                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
16684                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility?type=finance" vehicle-name="Used 2022 Volkswagen Atlas 2.0T SE" :page-type-id="18" :style-id="423934" class="overlay-section-content"></share-options>
16685                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
16686                        </template>
16687                    </div>
16688                </div>
16689            </transition>
16690        </template>
16691    </div>
16692        
16692<script type="application/javascript">
16693
16694            var rebatesString = "[]";
16695            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
16696            localStorage.setItem("2GCUDGED7R1203351-rebates", formattedRebatesString);
16697
16698        </script>
16698
16699<div data-itemid="Chevrolet-Silverado 1500-LTZ-2GCUDGED7R1203351" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
16700        <a href="https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance" target="_self" @click='vehicleDetails($event, "2GCUDGED7R1203351", "https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance", {vehicleCount: "32", vehicleIndex: "23",msrp:"45451",yourPrice:"45999.0",sellingPrice:"45451",type:"Used",title:`2024 Chevrolet Silverado 1500 LTZ`},"false"==="true"), setVintoTransact("2GCUDGED7R1203351", $event,{styleId:"439215"})'
16701        @mouseleave="clearMouseHoverValue()"
16702        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
16703        used-large-box" style="height: 100%;">
16704
16705            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
16706                <div class="position-relative">
16707                    <div class="srp-top-badges">
16708                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
16709                            <div class="d-flex align-items-center gap-10">
16710                                            <div class="specials-indicator-wrapper">
16711                                                <inventory-specials-indicator
16712                                                bg-color="#9D0026 !important"
16713                                                text="Today&#x27;s Special">
16714                                                </inventory-specials-indicator>
16715                                            </div>
16716                            </div>
16717                        </div>
16718
16719                    </div>
16720
16721
16722                    <div id="EZ360_CVDP"></div>
16723
16724                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
16725                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-2GCUDGED7R1203351'" class="vehicle-box__image">
16726                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/5439bc911cc0414f9f8245c3d3bb2882.jpg" class="img-fluid srp-vehiclebox-image"
16727                                    title="2024 Chevrolet Silverado 1500 LTZ" alt="2024 Chevrolet Silverado 1500 LTZ" />
16728
16729                        </div>
16730
16731                        <div class="dp-srp-evox-media-2GCUDGED7R1203351" v-show="currentHoveredBlock === 'dp-srp-evox-media-2GCUDGED7R1203351'"></div>
16732
16733                        <div class="vehicle-info-icon">
16734                            <em
16735                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '2GCUDGED7R1203351')"
16736                            class="primaryicon-options-btn-new info-icon-css"
16737                            data-vin="2GCUDGED7R1203351"
16738                            tabindex="0"
16739                            role="button"
16740                            aria-label="Vehicle info"
16741                            @click.stop.prevent="openVehicleInfoOverlay($event, '2GCUDGED7R1203351')"
16742                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '2GCUDGED7R1203351')"
16743                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
16744                        </div>
16745                    </div>
16746
16747
16748                    <div class="vehiclebox-info-section p-3">
16749                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
16750                            <div class="d-flex">
16751                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
16752                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
16753                                        2024 Chevrolet Silverado 1500 LTZ
16754                                    </h2>
16755                                </div>
16756                            </div>
16757                        </div>
16758
16759                        <div class="vehicle-summary-section mt-3 ">
16760                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
16761                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
16762            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):showMsrp)'>
16763                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
16764                                            <div class="mr-2" style="color:#000">
16765                                                <span id="2gcudged7r1203351-price-summary-label">Your Price</span>
16766                                            </div>
16767                                            <div id="2gcudged7r1203351-price-summary-value" class=" " style="color:#000">$45,999</div>
16768                                        </div>
16769
16770            </div>
16771            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):!showMsrp )'>
16772                                <div v-if="!unlockHideMsrp">
16773                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
16774                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
16775                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$45,451</div>
16776                                    </div>
16777                                </div>
16778
16779            </div>
16780        </div>
16781
16782                            </div>
16783
16784                                <template v-if="true">
16785                                    <div class="vehicle-summary-cta flex-1">
16786                                        <object>
16787                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
16788                <a v-if="applySecondaryDesign" href=""
16789                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
16790                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16791                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16792                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16793                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
16794                <a v-else href=""
16795                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
16796                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16797                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16798                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16799                   @mouseover="onCTABtnHover('', '', '', $event)">
16800                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
16801                    60-Second Quote
16802                </a>
16803            </div>
16804
16805                                        </object>
16806                                    </div>
16807                                </template>
16808                        </div>
16809<div class="color-black ft-16 mt-1">
16810            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
16811                Disclosure
16812            </div>
16813</div>
16814
16815
16816                        <div class="show section-separator my-4"></div>
16817
16818
16819                            <template v-if="true">
16820                                <object>
16821                                    <div class="app-level-cta-container">
16822
16823
16824
16825
16826
16827
16828
16829                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "2GCUDGED7R1203351","false"==="true"))' class="primary-button-parent">
16830                                                    <a :style="ctaBtnStyles"
16831                                                     tabindex="0" role="button"
16832                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance", "2GCUDGED7R1203351", "Used")'
16833                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance", "2GCUDGED7R1203351", "Used")'
16834                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
16835                                                        {{inventorySettings.data.buttonLabel}}
16836                                                    </a>
16837                                                 </div>
16838                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
16839                                                                    <a v-if="applySecondaryDesign" href=""
16840                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
16841                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16842                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16843                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16844                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16845                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
16846                                                                    <a v-else href=""
16847                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
16848                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16849                                                                        @click.prevent="
16850                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16851                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16852                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16853                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
16854                                                                        Ask A Question
16855                                                                    </a>
16856                                                                </div>
16857                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
16858                                                                    <a v-if="applySecondary
16858Design" href=""
16859                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
16860                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16861                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16862                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16863                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
16864                                                                    <a v-else href=""
16865                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
16866                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
16867                                                                        @click.prevent="
16868                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2GCUDGED7R1203351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Silverado 1500&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50528A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16869                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
16870                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
16871                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
16872                                                                        Value My Trade
16873                                                                    </a>
16874                                                                </div>
16875
16876
16877
16878                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
16879                                                <a tabindex="0"
16880                                                role="button"
16881                                                @click.prevent='openSoftPullModel("0", "2GCUDGED7R1203351", "0", "2024", "Chevrolet", "Silverado 1500", "LTZ", "59998", "Used","", $event)'
16882                                                @keydown.enter.space.prevent='openSoftPullModel("0", "2GCUDGED7R1203351", "0", "2024", "Chevrolet", "Silverado 1500", "LTZ", "59998", "Used","", $event)'
16883                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
16884                                                style="background-color: #000000 !important; color: #FFFFFF !important"
16885                                                @mouseover="updateStyles($event, '','','')"
16886                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
16887                                                >
16888                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
16889                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
16890                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
16891                                                </a>
16892                                            </div>
16893
16894                                    </div>
16895                                </object>
16896                            </template>
16897
16898                            <div class="mt-3">
16899
16900
16901                                <div class="inventory-btns" style="width:100%;" v-cloak>
16902
16903
16904                                    <object class="d-flex flex-column primary-inventory-btn-group">
16905                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16906                                        <div class="pi-pullup-container"></div>
16907                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16908
16909                                        <div class="dvs_vin_btn" vin="2GCUDGED7R1203351"></div>
16910
16911
16912
16913
16914
16915
16916                                    </object>
16917
16918
16919
16920
16921
16922
16923
16924
16925
16926                                    
16927
16928
16929
16930
16931
16932
16933
16934
16935
16936                                </div>
16937
16938
16939
16940
16941
16942
16943                            </div>
16944
16945                            <active-engage-widget v-if="isEnableActivEngageSrp"
16946                                                custom-class="py-2 ft-12"></active-engage-widget>
16947                        <div class="srp-tabs-section mt-3">
16948                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
16949                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2GCUDGED7R1203351'] || 'details') === 'details' }"
16950                                    tabindex="0" role="tab"
16951                                    aria-label="Details"
16952                                    :aria-selected="(activeTabsByVin['2GCUDGED7R1203351'] || 'details') === 'details'"
16953                                    aria-controls="tab-panel-details-2GCUDGED7R1203351"
16954                                    @click.stop.prevent="setActiveTab('details', '2GCUDGED7R1203351')"
16955                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '2GCUDGED7R1203351')">
16956                                        Details
16957                                    </div>
16958                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2GCUDGED7R1203351'] || 'details') === 'payments' }"
16959                                tabindex="0" role="tab"
16960                                aria-label="Pricing"
16961                                :aria-selected="(activeTabsByVin['2GCUDGED7R1203351'] || 'details') === 'payments'"
16962                                aria-controls="tab-panel-payments-2GCUDGED7R1203351"
16963                                @click.stop.prevent="setActiveTab('payments', '2GCUDGED7R1203351')"
16964                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '2GCUDGED7R1203351')">
16965                                    Pricing
16966                                </div>
16967                            </div>
16968
16969                            <div class="srp-tab-content">
16970                                <div :class="(activeTabsByVin['2GCUDGED7R1203351'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-2GCUDGED7R1203351" aria-label="Details">
16971                                    <div class="vehicle-details-list">
16972
16973                                            <div class="details-item-row ">
16974                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
16975                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
16976                                                        <div id="copy_vin" class="d-inline">2GCUDGED7R1203351</div>
16977                                                    </div>
16978                                            </div>
16979
16980                                            <div class="details-item-row">
16981                                                <div class="details-item-label">Stock #</div>
16982                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
16983                                                    <div id="copy_stock" class="d-inline">C50528A</div>
16984                                                </div>
16985                                            </div>
16986
16987                                        
16988
16989                                            <div class="details-item-row">
16990                                                <div class="details-item-label">Model Code</div>
16991                                                <div class="details-item-value">#CK10543</div>
16992                                            </div>
16993
16994                                            <div class="details-item-row">
16995                                                <div class="details-item-label">Exterior</div>
16996                                                <div class="details-item-value d-flex align-items-center">
16997                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #FFFFFF; border-radius: 50%"></div>
16998                                                        <div class="ml-2">Summit White</div>
16999                                                </div>
17000                                            </div>
17001
17002                                            <div class="details-item-row">
17003                                                <div class="details-item-label">Interior</div>
17004                                                <div class="details-item-value d-flex align-items-center">
17005                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
17006                                                    <div class="ml-2 interior-word-break">Jet Black</div>
17007                                                </div>
17008                                            </div>
17009
17010                                            <div class="details-item-row">
17011                                                <div class="details-item-label">Drivetrain</div>
17012                                                <div class="details-item-value">4WD</div>
17013                                            </div>
17014
17015                                            <div class="details-item-row">
17016                                                <div class="details-item-label">Engine</div>
17017                                                        <div class="details-item-value">Gas V8 5.3L/325</div>
17018                                            </div>
17019                                            <div class="details-item-row">
17020                                                <div class="details-item-label">Transmission</div>
17021                                                <div class="details-item-value">Automatic</div>
17022                                            </div>
17023                                                <div class="details-item-row">
17024                                                    <div class="details-item-label">Mileage</div>
17025                                                    <div class="details-item-value">22,367 Miles</div>
17026                                                </div>
17027
17028                                    </div>
17029
17030                                </div>
17031                                <div :class="(activeTabsByVin['2GCUDGED7R1203351'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-2GCUDGED7R1203351" aria-label="Pricing">
17032                                            <div class="msrppanel-label">
17033                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):showMsrp)'>
17034
17035
17036                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-45451' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17037                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
17038                                                                                        
17039
17040<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
17041    Selling Price
17042</div>
17043<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$45,451</div>
17044
17045
17046                                                                                    </div>
17047                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
17048                                                                                                <div>
17049                                                                                                    Doc Fee
17050                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17051                                                                                                </div>
17052                                                                                                <div class="d-flex pl-2">
17053                                                                                                    &#x2B;$548
17054                                                                                                </div>
17055                                                                                            </div>
17056                                                                            <div id="2gcudged7r1203351-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
17057                                                                                <sp
17057an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
17058                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
17059                                                                                </span>
17060                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="2gcudged7r1203351-unlock-discount-price"></label></span>
17061                                                                            </div>
17062                                                                            <div id="2gcudged7r1203351-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
17063                                                                                <div class="mr-2" style="color:#000">
17064                                                                                    <span id="2gcudged7r1203351-selling-price-label" class="p-0">Your Price</span>
17065                                                                                </div>
17066                                                                                <div id="2gcudged7r1203351-your-price-hide" class=" " style="color:#000">$45,999</div>
17067                                                                            </div>
17068                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
17069                                                                                <div class="mr-2" style="color:#000">
17070                                                                                    <span id="2gcudged7r1203351-selling-price-label" class="p-0">Your Price</span>
17071                                                                                </div>
17072                                                                                <div id="2gcudged7r1203351-your-price" class=" " style="color:#000">$45,999</div>
17073                                                                            </div>
17074
17075
17076
17077
17078                                                        <total-incentive-discount qualified-data=''
17079                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
17080                                                                                :pricedata="{'msrp':'45451','yourPrice':'45999.0'}"
17081                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
17082                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
17083                                                    <div class="color-black ft-16 mt-1">
17084            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
17085                Disclosure
17086            </div>
17087</div>
17088
17089                                                </div>
17090
17091                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2GCUDGED7R1203351", "false"==="true"):!showMsrp )'>
17092                                                                    <div v-if="!unlockHideMsrp">
17093                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-45451' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17094                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
17095                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
17096                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$45,451</div>
17097                                                                        </div>
17098                                                                    </div>
17099
17100                                                </div>
17101                                            </div>
17102                                </div>
17103                            </div>
17104                        </div>
17105                        <div id="cta-params-2GCUDGED7R1203351"
17106                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:45999.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
17107                        </div>
17108
17109                        <div>
17110
17111                            <vehicle-badges model="Silverado 1500"
17112                                            :current="'srp'"
17113                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
17114                                            :eyesight="''"
17115                                            :starlink="''"
17116                                            :von="''"
17117                                            :onorder="''"
17118                                            :vin="'2GCUDGED7R1203351'"
17119                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance'"
17120                                            :vehicle-badges-top-srp="'False'"
17121                                            :year="'2024'"
17122                                            :in-transit-background-color-srp="''"
17123                                            :in-transit-badge-color-srp="''"
17124                                            :in-production-background-color-srp="''"
17125                                            :in-production-badge-color-srp="''"
17126                                            @opendisclaimer="openDisclaimerPopup($event)">
17127                            </vehicle-badges>
17128
17129                                <div class="d-flex flex-wrap">
17130                                    
17131
17132
17133
17134
17135
17136
17137                                </div>
17138                        </div>
17139
17140
17141
17142                        <div class="d-flex flex-wrap srp-certified-img-section">
17143
17144
17145
17146                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/rvXpVQnqG6nL5RVuSLGQYaxCUsAjr2rShMvLvfpCb-6s26GvVfkyQQRo_SciYndWVTVXh7os_WzU-sEKpI28bWSMQKkilIoYK5U')">
17147                                        <img src="https://partnerstatic.
17147carfax.com/img/valuebadge/1own_great.svg"
17148                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
17149                                    </div>
17150                                <div class="text-center third-party-payment-tool">
17151                                    <span data-cg-vin="2GCUDGED7R1203351" data-cg-price="45999.0"></span>
17152                                </div>
17153
17154
17155
17156
17157
17158                        </div>
17159
17160                        <div v-if="currentTheme == 'subaru'" class="mt-3">
17161                            <subaru-badge-new model="Silverado 1500"
17162                                            year="2024"
17163                                            make="Chevrolet"
17164                                            type="Used"
17165                                            :current="'srp'"
17166                                            :transit="'False'"
17167                                            :eyesight="''"
17168                                            :starlink="''"
17169                                            :von="''"
17170                                            :onorder="''"
17171                                            :vin="'2GCUDGED7R1203351'"
17172                                            :hide-in-transit="'False'"
17173                                            :vehicle-badges-top-srp="'False'"
17174                                            :subaru-consumer-report-class="''"
17175                                            :in-transit-background-color-srp="''"
17176                                            :in-transit-badge-color-srp="''"
17177                                            >
17178                            </subaru-badge-new>
17179                        </div>
17180
17181                    </div>
17182                </div>
17183
17184
17185
17186            </div>
17187        </a>
17188        <template v-if="true">
17189            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
17190                <div v-if="openDetailsOverlay && selectedVinForOverlay == '2GCUDGED7R1203351'" class="vehicle-data-overlay-container"
17191                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
17192                     @keydown.esc.prevent="closeDetailsOverlay()"
17193                     @keydown.tab="srpOverlayTrapFocus($event)">
17194                    <div class="vehicle-overlay-data">
17195                        <div class="srp-overlay-options">
17196                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17197                                <div class="d-flex align-items-center" style="gap: 20px;">
17198                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
17199                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
17200                                    <h3 class="mb-0">Options</h3>
17201                                </div>
17202                                <div>
17203                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
17204                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
17205                                </div>
17206                            </div>
17207
17208                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
17209                                <div class="overlay-nav-items px-3 pt-4">
17210                                    <div class="d-flex overlay-nav-item" tabindex="0"
17211                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2GCUDGED7R1203351', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2GCUDGED7R1203351', overlayType: '
17211share-options', label: 'Share' })">
17212                                        <em class="primaryicon-share-icon"></em>
17213                                        <span>Share</span>
17214                                    </div>
17215
17216                                        <div class="d-flex overlay-nav-item"
17217                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2GCUDGED7R1203351', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2GCUDGED7R1203351', overlayType: 'key-features', label: 'Key Features' })">
17218                                            <em class="primaryicon-key-features-icon"></em>
17219                                            <span>Key Features</span>
17220                                        </div>
17221                                        <div class="d-flex overlay-nav-item"
17222                                        tabindex="0" role="button" @click.prevent='openChatAssistant("2GCUDGED7R1203351")' @keydown.enter.space.prevent='openChatAssistant("2GCUDGED7R1203351")'>
17223                                            <em class="primaryicon-assistant-icon"></em>
17224                                            <span>Ask Us Anything</span>
17225                                        </div>
17226                                </div>
17227
17228                                <div class="pt-4 px-3 mt-3">
17229                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance")' target="_self"
17230                                        @keydown.space.prevent="$event.currentTarget.click()"
17231                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
17232                                        View Details
17233                                    </a>
17234                                </div>
17235                            </div>
17236                        </div>
17237                    </div>
17238                </div>
17239            </transition>
17240            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
17241                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '2GCUDGED7R1203351'"
17242                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
17243                     @keydown.esc.prevent="navigateToDetailsOverlay()"
17244                     @keydown.tab="srpOverlayTrapFocus($event)">
17245                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17246                        <div class="d-flex align-items-center" style="gap: 20px;">
17247                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
17248                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
17249                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
17250                        </div>
17251                        <div>
17252                            <em class="primaryicon-close-icon-gray"
17253                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
17254                        </div>
17255                    </div>
17256                    <div class="mt-3 pt-4 overlay-section-links">
17257                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
17258                        <template v-if="!isLoadingOverlayDetails">
17259                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
17260                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup?type=finance" vehicle-name="Used 2024 Chevrolet Silverado 1500 LTZ" :page-type-id="18" :style-id="439215" class="overlay-section-content"></share-options>
17261                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
17262                        </template>
17263                    </div>
17264                </div>
17265            </transition>
17266        </template>
17267    </div>
17268        
17268<script type="application/javascript">
17269
17270            var rebatesString = "[]";
17271            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
17272            localStorage.setItem("5XXG64J27RG260153-rebates", formattedRebatesString);
17273
17274        </script>
17274
17275<div data-itemid="Kia-K5-GT-Line-5XXG64J27RG260153" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
17276        <a href="https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "5XXG64J27RG260153", "https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "24",msrp:"25625",yourPrice:"26173.0",sellingPrice:"25625",type:"Used",title:`2024 Kia K5 GT-Line`},"false"==="true"), setVintoTransact("5XXG64J27RG260153", $event,{styleId:"443096"})'
17277        @mouseleave="clearMouseHoverValue()"
17278        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
17279        used-large-box" style="height: 100%;">
17280
17281            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
17282                <div class="position-relative">
17283                    <div class="srp-top-badges">
17284                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
17285                            <div class="d-flex align-items-center gap-10">
17286                                            <div class="specials-indicator-wrapper">
17287                                                <inventory-specials-indicator
17288                                                bg-color="#9D0026 !important"
17289                                                text="Today&#x27;s Special">
17290                                                </inventory-specials-indicator>
17291                                            </div>
17292                            </div>
17293                        </div>
17294
17295                    </div>
17296
17297
17298                    <div id="EZ360_CVDP"></div>
17299
17300                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
17301                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-5XXG64J27RG260153'" class="vehicle-box__image">
17302                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/0fcc868d036043ba9ad21f6430453949.jpg" class="img-fluid srp-vehiclebox-image"
17303                                    title="2024 Kia K5 GT-Line" alt="2024 Kia K5 GT-Line" />
17304
17305                        </div>
17306
17307                        <div class="dp-srp-evox-media-5XXG64J27RG260153" v-show="currentHoveredBlock === 'dp-srp-evox-media-5XXG64J27RG260153'"></div>
17308
17309                        <div class="vehicle-info-icon">
17310                            <em
17311                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '5XXG64J27RG260153')"
17312                            class="primaryicon-options-btn-new info-icon-css"
17313                            data-vin="5XXG64J27RG260153"
17314                            tabindex="0"
17315                            role="button"
17316                            aria-label="Vehicle info"
17317                            @click.stop.prevent="openVehicleInfoOverlay($event, '5XXG64J27RG260153')"
17318                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '5XXG64J27RG260153')"
17319                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
17320                        </div>
17321                    </div>
17322
17323
17324                    <div class="vehiclebox-info-section p-3">
17325                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
17326                            <div class="d-flex">
17327                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
17328                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
17329                                        2024 Kia K5 GT-Line
17330                                    </h2>
17331                                </div>
17332                            </div>
17333                        </div>
17334
17335                        <div class="vehicle-summary-section mt-3 ">
17336                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
17337                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
17338            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):showMsrp)'>
17339                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
17340                                            <div class="mr-2" style="color:#000">
17341                                                <span id="5xxg64j27rg260153-price-summary-label">Your Price</span>
17342                                            </div>
17343                                            <div id="5xxg64j27rg260153-price-summary-value" class=" " style="color:#000">$26,173</div>
17344                                        </div>
17345
17346            </div>
17347            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):!showMsrp )'>
17348                                <div v-if="!unlockHideMsrp">
17349                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
17350                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
17351                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,625</div>
17352                                    </div>
17353                                </div>
17354
17355            </div>
17356        </div>
17357
17358                            </div>
17359
17360                                <template v-if="true">
17361                                    <div class="vehicle-summary-cta flex-1">
17362                                        <object>
17363                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
17364                <a v-if="applySecondaryDesign" href=""
17365                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
17366                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17367                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17368                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17369                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
17370                <a v-else href=""
17371                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
17372                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17373                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg2601
1737353/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17374                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17375                   @mouseover="onCTABtnHover('', '', '', $event)">
17376                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
17377                    60-Second Quote
17378                </a>
17379            </div>
17380
17381                                        </object>
17382                                    </div>
17383                                </template>
17384                        </div>
17385<div class="color-black ft-16 mt-1">
17386            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
17387                Disclosure
17388            </div>
17389</div>
17390
17391
17392                        <div class="show section-separator my-4"></div>
17393
17394
17395                            <template v-if="true">
17396                                <object>
17397                                    <div class="app-level-cta-container">
17398
17399
17400
17401
17402
17403
17404
17405                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "5XXG64J27RG260153","false"==="true"))' class="primary-button-parent">
17406                                                    <a :style="ctaBtnStyles"
17407                                                     tabindex="0" role="button"
17408                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance", "5XXG64J27RG260153", "Used")'
17409                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance", "5XXG64J27RG260153", "Used")'
17410                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
17411                                                        {{inventorySettings.data.buttonLabel}}
17412                                                    </a>
17413                                                 </div>
17414                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
17415                                                                    <a v-if="applySecondaryDesign" href=""
17416                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
17417                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17418                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17419                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg2601
1741953/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17420                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17421                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
17422                                                                    <a v-else href=""
17423                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
17424                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17425                                                                        @click.prevent="
17426                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17427                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17428                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17429                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
17430                                                                        Ask A Question
17431                                                                    </a>
17432                                                                </div>
17433                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
17434                                                                    <a v-if="applySecondaryDesign" href=""
17435                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
17436                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17437                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg2601
1743753/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17438                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17439                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
17440                                                                    <a v-else href=""
17441                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
17442                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17443                                                                        @click.prevent="
17444                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;5XXG64J27RG260153&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Kia&quot;,&quot;model&quot;:&quot;K5&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;K50618A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17445                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17446                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
17447                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
17448                                                                        Value My Trade
17449                                                                    </a>
17450                                                                </div>
17451
17452
17453
17454                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
17455                                                <a tabindex="0"
17456                                                role="button"
17457                                                @click.prevent='openSoftPullModel("0", "5XXG64J27RG260153", "0", "2024", "Kia", "K5", "GT-Line", "59998", "Used","", $event)'
17458                                                @keydown.enter.space.prevent='openSoftPullModel("0", "5XXG64J27RG260153", "0", "2024", "Kia", "K5", "GT-Line", "59998", "Used","", $event)'
17459                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
17460                                                style="background-color: #000000 !important; color: #FFFFFF !important"
17461                                                @mouseover="updateStyles($event, '','','')"
17462                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
17463                                                >
17464                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
17465                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
17466                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
17467                                                </a>
17468                                            </div>
17469
17470                                    </div>
17471                                </object>
17472                            </template>
17473
17474                            <div class="mt-3">
17475
17476
17477                                <div class="inventory-btns" style="width:100%;" v-cloak>
17478
17479
17480                                    <object class="d-flex flex-column primary-inventory-btn-group">
17481                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
17482                                        <div class="pi-pullup-container"></div>
17483                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
17484
17485                                        <div class="dvs_vin_btn" vin="5XXG64J27RG260153"></div>
17486
17487
17488
17489
17490
17491
17492                                    </object>
17493
17494
17495
17496
17497
17498
17499
17500
17501
17502                                    
17503
17504
17505
17506
17507
17508
17509
17510
17511
17512                                </div>
17513
17514
17515
17516
17517
17518
17519                            </div>
17520
17521                            <active-engage-widget v-if="isEnableActivEngageSrp"
17522                                                custom-class="py-2 ft-12"></active-engage-widget>
17523                        <div class="srp-tabs-section mt-3">
17524                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
17525                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['5XXG64J27RG260153'] || 'details') === 'details' }"
17526                                    tabindex="0" role="tab"
17527                                    aria-label="Details"
17528                                    :aria-selected="(activeTabsByVin['5XXG64J27RG260153'] || 'details') === 'details'"
17529                                    aria-controls="tab-panel-details-5XXG64J27RG260153"
17530                                    @click.stop.prevent="setActiveTab('details', '5XXG64J27RG260153')"
17531                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '5XXG64J27RG260153')">
17532                                        Details
17533                                    </div>
17534                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['5XXG64J27RG260153'] || 'details') === 'payments' }"
17535                                tabindex="0" role="tab"
17536                                aria-label="Pricing"
17537                                :aria-selected="(activeTabsByVin['5XXG64J27RG260153'] || 'details') === 'payments'"
17538                                aria-controls="tab-panel-payments-5XXG64J27RG260153"
17539                                @click.stop.prevent="setActiveTab('payments', '5XXG64J27RG260153')"
17540                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '5XXG64J27RG260153')">
17541                                    Pricing
17542                                </div>
17543                            </div>
17544
17545                            <div class="srp-tab-content">
17546                                <div :class="(activeTabsByVin['5XXG64J27RG260153'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-5XXG64J27RG260153" aria-label="Details">
17547                                    <div class="vehicle-details-list">
17548
17549                                            <div class="details-item-row ">
17550                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
17551                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
17552                                                        <div id="copy_vin" class="d-inline">5XXG64J27RG260153</div>
17553                                                    </div>
17554                                            </div>
17555
17556                                            <div class="details-item-row">
17557                                                <div class="details-item-label">Stock #</div>
17558                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
17559                                                    <div id="copy_stock" class="d-inline">K50618A</div>
17560                                                </div>
17561                                            </div>
17562
17563                                        
17564
17565                                            <div class="details-item-row">
17566                                                <div class="details-item-label">Model Code</div>
17567                                                <div class="details-item-value">#LAC4454</div>
17568                                            </div>
17569
17570                                            <div class="details-item-row">
17571                                                <div class="details-item-label">Exterior</div>
17572                                                <div class="details-item-value d-flex align-items-center">
17573                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #9B9DA2; border-radius: 50%"></div>
17574                                                        <div class="ml-2">Wolf Gray</div>
17575                                                </div>
17576                                            </div>
17577
17578                                            <div class="details-item-row">
17579                                                <div class="details-item-label">Interior</div>
17580                                                <div class="details-item-value d-flex align-items-center">
17581                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
17582                                                    <div class="ml-2 interior-word-break">Black</div>
17583                                                </div>
17584                                            </div>
17585
17586                                            <div class="details-item-row">
17587                                                <div class="details-item-label">Drivetrain</div>
17588                                                <div class="details-item-value">AWD</div>
17589                                            </div>
17590
17591                                            <div class="details-item-row">
17592                                                <div class="details-item-label">Engine</div>
17593                                                        <div class="details-item-value">
17593Intercooled Turbo Regular Unleaded I-4 1.6 L/98</div>
17594                                            </div>
17595                                            <div class="details-item-row">
17596                                                <div class="details-item-label">Transmission</div>
17597                                                <div class="details-item-value">Automatic</div>
17598                                            </div>
17599                                                <div class="details-item-row">
17600                                                    <div class="details-item-label">Mileage</div>
17601                                                    <div class="details-item-value">18,183 Miles</div>
17602                                                </div>
17603
17604                                    </div>
17605
17606                                </div>
17607                                <div :class="(activeTabsByVin['5XXG64J27RG260153'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-5XXG64J27RG260153" aria-label="Pricing">
17608                                            <div class="msrppanel-label">
17609                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):showMsrp)'>
17610
17611
17612                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25625' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17613                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
17614                                                                                        
17615
17616<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
17617    Selling Price
17618</div>
17619<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,625</div>
17620
17621
17622                                                                                    </div>
17623                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
17624                                                                                                <div>
17625                                                                                                    Doc Fee
17626                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17627                                                                                                </div>
17628                                                                                                <div class="d-flex pl-2">
17629                                                                                                    &#x2B;$548
17630                                                                                                </div>
17631                                                                                            </div>
17632                                                                            <div id="5xxg64j27rg260153-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
17633                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
17634                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
17635                                                                                </span>
17636                                                                                <sp
17636an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="5xxg64j27rg260153-unlock-discount-price"></label></span>
17637                                                                            </div>
17638                                                                            <div id="5xxg64j27rg260153-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
17639                                                                                <div class="mr-2" style="color:#000">
17640                                                                                    <span id="5xxg64j27rg260153-selling-price-label" class="p-0">Your Price</span>
17641                                                                                </div>
17642                                                                                <div id="5xxg64j27rg260153-your-price-hide" class=" " style="color:#000">$26,173</div>
17643                                                                            </div>
17644                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
17645                                                                                <div class="mr-2" style="color:#000">
17646                                                                                    <span id="5xxg64j27rg260153-selling-price-label" class="p-0">Your Price</span>
17647                                                                                </div>
17648                                                                                <div id="5xxg64j27rg260153-your-price" class=" " style="color:#000">$26,173</div>
17649                                                                            </div>
17650
17651
17652
17653
17654                                                        <total-incentive-discount qualified-data=''
17655                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
17656                                                                                :pricedata="{'msrp':'25625','yourPrice':'26173.0'}"
17657                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
17658                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
17659                                                    <div class="color-black ft-16 mt-1">
17660            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
17661                Disclosure
17662            </div>
17663</div>
17664
17665                                                </div>
17666
17667                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "5XXG64J27RG260153", "false"==="true"):!showMsrp )'>
17668                                                                    <div v-if="!unlockHideMsrp">
17669                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25625' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17670                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
17671                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
17672                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,625</div>
17673                                                                        </div>
17674                                                                    </div>
17675
17676                                                </div>
17677                                            </div>
17678                                </div>
17679                            </div>
17680                        </div>
17681                        <div id="cta-params-5XXG64J27RG260153"
17682                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:26173.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
17683                        </div>
17684
17685                        <div>
17686
17687                            <vehicle-badges model="K5"
17688                                            :current="'srp'"
17689                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
17690                                            :eyesight="''"
17691                                            :starlink="''"
17692                                            :von="''"
17693                                            :onorder="''"
17694                                            :vin="'5XXG64J27RG260153'"
17695                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg2601
1769553/2024-kia-k5-4dr-car?type=finance'"
17696                                            :vehicle-badges-top-srp="'False'"
17697                                            :year="'2024'"
17698                                            :in-transit-background-color-srp="''"
17699                                            :in-transit-badge-color-srp="''"
17700                                            :in-production-background-color-srp="''"
17701                                            :in-production-badge-color-srp="''"
17702                                            @opendisclaimer="openDisclaimerPopup($event)">
17703                            </vehicle-badges>
17704
17705                                <div class="d-flex flex-wrap">
17706                                    
17707
17708
17709
17710
17711
17712
17713                                </div>
17714                        </div>
17715
17716
17717
17718                        <div class="d-flex flex-wrap srp-certified-img-section">
17719
17720
17721
17722                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/lJYrGhLQsePmYCBIEGxtEuUjzuGq0bstL6wJC2azrNNWra4ipbXQXm3DxedmZLu8PzGcgxtFe8gnskcqO2ufYsXEJ_p1jbnwR6I')">
17723                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_great.svg"
17724                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
17725                                    </div>
17726                                <div class="text-center third-party-payment-tool">
17727                                    <span data-cg-vin="5XXG64J27RG260153" data-cg-price="26173.0"></span>
17728                                </div>
17729
17730
17731
17732
17733
17734                        </div>
17735
17736                        <div v-if="currentTheme == 'subaru'" class="mt-3">
17737                            <subaru-badge-new model="K5"
17738                                            year="2024"
17739                                            make="Kia"
17740                                            type="Used"
17741                                            :current="'srp'"
17742                                            :transit="'False'"
17743                                            :eyesight="''"
17744                                            :starlink="''"
17745                                            :von="''"
17746                                            :onorder="''"
17747                                            :vin="'5XXG64J27RG260153'"
17748                                            :hide-in-transit="'False'"
17749                                            :vehicle-badges-top-srp="'False'"
17750                                            :subaru-consumer-report-class="''"
17751                                            :in-transit-background-color-srp="''"
17752                                            :in-transit-badge-color-srp="''"
17753                                            >
17754                            </subaru-badge-new>
17755                        </div>
17756
17757                    </div>
17758                </div>
17759
17760
17761
17762            </div>
17763        </a>
17764        <template v-if="true">
17765            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
17766                <div v-if="openDetailsOverlay && selectedVinForOverlay == '5XXG64J27RG260153'" class="vehicle-data-overlay-container"
17767                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
17768                     @keydown.esc.prevent="closeDetailsOverlay()"
17769                     @keydown.tab="srpOverlayTrapFocus($event)">
17770                    <div class="vehicle-overlay-data">
17771                        <div class="srp-overlay-options">
17772                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17773                                <div class="d-flex align-items-center" style="gap: 20px;">
17774                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
17775                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
17776                                    <h3 class="mb-0">Options</h3>
17777                                </div>
17778                                <div>
17779                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
17780                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
17781                                </div>
17782                            </div>
17783
17784                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
17785                                <div class="overlay-nav-items px-3 pt-4">
17786                                    <div class="d-flex overlay-nav-item" tabindex="0"
17787                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '5XXG64J27RG260153', overlayType: '
17787share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '5XXG64J27RG260153', overlayType: 'share-options', label: 'Share' })">
17788                                        <em class="primaryicon-share-icon"></em>
17789                                        <span>Share</span>
17790                                    </div>
17791
17792                                        <div class="d-flex overlay-nav-item"
17793                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '5XXG64J27RG260153', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '5XXG64J27RG260153', overlayType: 'key-features', label: 'Key Features' })">
17794                                            <em class="primaryicon-key-features-icon"></em>
17795                                            <span>Key Features</span>
17796                                        </div>
17797                                        <div class="d-flex overlay-nav-item"
17798                                        tabindex="0" role="button" @click.prevent='openChatAssistant("5XXG64J27RG260153")' @keydown.enter.space.prevent='openChatAssistant("5XXG64J27RG260153")'>
17799                                            <em class="primaryicon-assistant-icon"></em>
17800                                            <span>Ask Us Anything</span>
17801                                        </div>
17802                                </div>
17803
17804                                <div class="pt-4 px-3 mt-3">
17805                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car?type=finance")' target="_self"
17806                                        @keydown.space.prevent="$event.currentTarget.click()"
17807                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
17808                                        View Details
17809                                    </a>
17810                                </div>
17811                            </div>
17812                        </div>
17813                    </div>
17814                </div>
17815            </transition>
17816            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
17817                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '5XXG64J27RG260153'"
17818                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
17819                     @keydown.esc.prevent="navigateToDetailsOverlay()"
17820                     @keydown.tab="srpOverlayTrapFocus($event)">
17821                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17822                        <div class="d-flex align-items-center" style="gap: 20px;">
17823                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
17824                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
17825                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
17826                        </div>
17827                        <div>
17828                            <em class="primaryicon-close-icon-gray"
17829                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
17830                        </div>
17831                    </div>
17832                    <div class="mt-3 pt-4 overlay-section-links">
17833                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
17834                        <template v-if="!isLoadingOverlayDetails">
17835                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
17836                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg2601
1783653/2024-kia-k5-4dr-car?type=finance" vehicle-name="Used 2024 Kia K5 GT-Line" :page-type-id="18" :style-id="443096" class="overlay-section-content"></share-options>
17837                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
17838                        </template>
17839                    </div>
17840                </div>
17841            </transition>
17842        </template>
17843    </div>
17844        
17844<script type="application/javascript">
17845
17846            var rebatesString = "[]";
17847            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
17848            localStorage.setItem("2HGFE2F22PH568502-rebates", formattedRebatesString);
17849
17850        </script>
17850
17851<div data-itemid="Honda-Civic Sedan-LX-2HGFE2F22PH568502" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
17852        <a href="https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "2HGFE2F22PH568502", "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "25",msrp:"22870",yourPrice:"23418.0",sellingPrice:"22870",type:"Used",title:`2023 Honda Civic Sedan LX`},"false"==="true"), setVintoTransact("2HGFE2F22PH568502", $event,{styleId:"436759"})'
17853        @mouseleave="clearMouseHoverValue()"
17854        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
17855        used-large-box" style="height: 100%;">
17856
17857            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
17858                <div class="position-relative">
17859                    <div class="srp-top-badges">
17860                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
17861                            <div class="d-flex align-items-center gap-10">
17862                                            <div class="specials-indicator-wrapper">
17863                                                <inventory-specials-indicator
17864                                                bg-color="#9D0026 !important"
17865                                                text="Today&#x27;s Special">
17866                                                </inventory-specials-indicator>
17867                                            </div>
17868                            </div>
17869                        </div>
17870
17871                    </div>
17872
17873
17874                    <div id="EZ360_CVDP"></div>
17875
17876                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
17877                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-2HGFE2F22PH568502'" class="vehicle-box__image">
17878                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/866c5b2e2d794bd8a51f246351fbf266.jpg" class="img-fluid srp-vehiclebox-image"
17879                                    title="2023 Honda Civic Sedan LX" alt="2023 Honda Civic Sedan LX" />
17880
17881                        </div>
17882
17883                        <div class="dp-srp-evox-media-2HGFE2F22PH568502" v-show="currentHoveredBlock === 'dp-srp-evox-media-2HGFE2F22PH568502'"></div>
17884
17885                        <div class="vehicle-info-icon">
17886                            <em
17887                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '2HGFE2F22PH568502')"
17888                            class="primaryicon-options-btn-new info-icon-css"
17889                            data-vin="2HGFE2F22PH568502"
17890                            tabindex="0"
17891                            role="button"
17892                            aria-label="Vehicle info"
17893                            @click.stop.prevent="openVehicleInfoOverlay($event, '2HGFE2F22PH568502')"
17894                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '2HGFE2F22PH568502')"
17895                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
17896                        </div>
17897                    </div>
17898
17899
17900                    <div class="vehiclebox-info-section p-3">
17901                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
17902                            <div class="d-flex">
17903                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
17904                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
17905                                        2023 Honda Civic Sedan LX
17906                                    </h2>
17907                                </div>
17908                            </div>
17909                        </div>
17910
17911                        <div class="vehicle-summary-section mt-3 ">
17912                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
17913                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
17914            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):showMsrp)'>
17915                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
17916                                            <div class="mr-2" style="color:#000">
17917                                                <span id="2hgfe2f22ph568502-price-summary-label">Your Price</span>
17918                                            </div>
17919                                            <div id="2hgfe2f22ph568502-price-summary-value" class=" " style="color:#000">$23,418</div>
17920                                        </div>
17921
17922            </div>
17923            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):!showMsrp )'>
17924                                <div v-if="!unlockHideMsrp">
17925                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
17926                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
17927                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,870</div>
17928                                    </div>
17929                                </div>
17930
17931            </div>
17932        </div>
17933
17934                            </div>
17935
17936                                <template v-if="true">
17937                                    <div class="vehicle-summary-cta flex-1">
17938                                        <object>
17939                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
17940                <a v-if="applySecondaryDesign" href=""
17941                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
17942                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17943                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17944                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17945                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
17946                <a v-else href=""
17947                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
17948                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17949                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17950                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17951                   @mouseover="onCTABtnHover('', '', '', $event)">
17952                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
17953                    60-Second Quote
17954                </a>
17955            </div>
17956
17957                                        </object>
17958                                    </div>
17959                                </template>
17960                        </div>
17961<div class="color-black ft-16 mt-1">
17962            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
17963                Disclosure
17964            </div>
17965</div>
17966
17967
17968                        <div class="show section-separator my-4"></div>
17969
17970
17971                            <template v-if="true">
17972                                <object>
17973                                    <div class="app-level-cta-container">
17974
17975
17976
17977
17978
17979
17980
17981                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "2HGFE2F22PH568502","false"==="true"))' class="primary-button-parent">
17982                                                    <a :style="ctaBtnStyles"
17983                                                     tabindex="0" role="button"
17984                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance", "2HGFE2F22PH568502", "Used")'
17985                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance", "2HGFE2F22PH568502", "Used")'
17986                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
17987                                                        {{inventorySettings.data.buttonLabel}}
17988                                                    </a>
17989                                                 </div>
17990                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
17991                                                                    <a v-if="applySecondaryDesign" href=""
17992                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
17993                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
17994                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17995                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17996                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
17997                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
17998                                                                    <a v-else href=""
17999                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
18000                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18001                                                                        @click.prevent="
18002                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18003                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18004                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18005                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
18006                                                                        Ask A Question
18007                                                                    </a>
18008                                                                </div>
18009                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
18010                                                                    <a v-if="applySecondary
18010Design" href=""
18011                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
18012                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18013                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18014                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18015                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
18016                                                                    <a v-else href=""
18017                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
18018                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18019                                                                        @click.prevent="
18020                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;2HGFE2F22PH568502&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;Civic Sedan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27449A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18021                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18022                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
18023                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
18024                                                                        Value My Trade
18025                                                                    </a>
18026                                                                </div>
18027
18028
18029
18030                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
18031                                                <a tabindex="0"
18032                                                role="button"
18033                                                @click.prevent='openSoftPullModel("0", "2HGFE2F22PH568502", "0", "2023", "Honda", "Civic Sedan", "LX", "59998", "Used","", $event)'
18034                                                @keydown.enter.space.prevent='openSoftPullModel("0", "2HGFE2F22PH568502", "0", "2023", "Honda", "Civic Sedan", "LX", "59998", "Used","", $event)'
18035                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
18036                                                style="background-color: #000000 !important; color: #FFFFFF !important"
18037                                                @mouseover="updateStyles($event, '','','')"
18038                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
18039                                                >
18040                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
18041                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
18042                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
18043                                                </a>
18044                                            </div>
18045
18046                                    </div>
18047                                </object>
18048                            </template>
18049
18050                            <div class="mt-3">
18051
18052
18053                                <div class="inventory-btns" style="width:100%;" v-cloak>
18054
18055
18056                                    <object class="d-flex flex-column primary-inventory-btn-group">
18057                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18058                                        <div class="pi-pullup-container"></div>
18059                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18060
18061                                        <div class="dvs_vin_btn" vin="2HGFE2F22PH568502"></div>
18062
18063
18064
18065
18066
18067
18068                                    </object>
18069
18070
18071
18072
18073
18074
18075
18076
18077
18078                                    
18079
18080
18081
18082
18083
18084
18085
18086
18087
18088                                </div>
18089
18090
18091
18092
18093
18094
18095                            </div>
18096
18097                            <active-engage-widget v-if="isEnableActivEngageSrp"
18098                                                custom-class="py-2 ft-12"></active-engage-widget>
18099                        <div class="srp-tabs-section mt-3">
18100                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
18101                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2HGFE2F22PH568502'] || 'details') === 'details' }"
18102                                    tabindex="0" role="tab"
18103                                    aria-label="Details"
18104                                    :aria-selected="(activeTabsByVin['2HGFE2F22PH568502'] || 'details') === 'details'"
18105                                    aria-controls="tab-panel-details-2HGFE2F22PH568502"
18106                                    @click.stop.prevent="setActiveTab('details', '2HGFE2F22PH568502')"
18107                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '2HGFE2F22PH568502')">
18108                                        Details
18109                                    </div>
18110                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['2HGFE2F22PH568502'] || 'details') === 'payments' }"
18111                                tabindex="0" role="tab"
18112                                aria-label="Pricing"
18113                                :aria-selected="(activeTabsByVin['2HGFE2F22PH568502'] || 'details') === 'payments'"
18114                                aria-controls="tab-panel-payments-2HGFE2F22PH568502"
18115                                @click.stop.prevent="setActiveTab('payments', '2HGFE2F22PH568502')"
18116                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '2HGFE2F22PH568502')">
18117                                    Pricing
18118                                </div>
18119                            </div>
18120
18121                            <div class="srp-tab-content">
18122                                <div :class="(activeTabsByVin['2HGFE2F22PH568502'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-2HGFE2F22PH568502" aria-label="Details">
18123                                    <div class="vehicle-details-list">
18124
18125                                            <div class="details-item-row ">
18126                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
18127                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
18128                                                        <div id="copy_vin" class="d-inline">2HGFE2F22PH568502</div>
18129                                                    </div>
18130                                            </div>
18131
18132                                            <div class="details-item-row">
18133                                                <div class="details-item-label">Stock #</div>
18134                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
18135                                                    <div id="copy_stock" class="d-inline">H27449A</div>
18136                                                </div>
18137                                            </div>
18138
18139                                        
18140
18141                                            <div class="details-item-row">
18142                                                <div class="details-item-label">Model Code</div>
18143                                                <div class="details-item-value">#FE2F2PEW</div>
18144                                            </div>
18145
18146                                            <div class="details-item-row">
18147                                                <div class="details-item-label">Exterior</div>
18148                                                <div class="details-item-value d-flex align-items-center">
18149                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Silver; border-radius: 50%"></div>
18150                                                        <div class="ml-2">Lunar Silver Metallic</div>
18151                                                </div>
18152                                            </div>
18153
18154                                            <div class="details-item-row">
18155                                                <div class="details-item-label">Interior</div>
18156                                                <div class="details-item-value d-flex align-items-center">
18157                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
18158                                                    <div class="ml-2 interior-word-break">Gray</div>
18159                                                </div>
18160                                            </div>
18161
18162                                            <div class="details-item-row">
18163                                                <div class="details-item-label">Drivetrain</div>
18164                                                <div class="details-item-value">FWD</div>
18165                                            </div>
18166
18167                                            <div class="details-item-row">
18168                                                <div class="details-item-label">Engine</div>
18169                                                        <div class="details-item-value">Regular Unleaded I-4 2.0 L/122</div>
18170                                            </div>
18171                                            <div class="details-item-row">
18172                                                <div class="details-item-label">Transmission</div>
18173                                                <div class="details-item-value">CVT</div>
18174                                            </div>
18175                                                <div class="details-item-row">
18176                                                    <div class="details-item-label">Mileage</div>
18177                                                    <div class="details-item-value">23,780 Miles</div>
18178                                                </div>
18179
18180                                    </div>
18181
18182                                </div>
18183                                <div :class="(activeTabsByVin['2HGFE2F22PH568502'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-2HGFE2F22PH568502" aria-label="Pricing">
18184                                            <div class="msrppanel-label">
18185                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):showMsrp)'>
18186
18187
18188                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22870' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18189                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
18190                                                                                        
18191
18192<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
18193    Selling Price
18194</div>
18195<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$22,870</div>
18196
18197
18198                                                                                    </div>
18199                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
18200                                                                                                <div>
18201                                                                                                    Doc Fee
18202                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18203                                                                                                </div>
18204                                                                                                <div class="d-flex pl-2">
18205                                                                                                    &#x2B;$548
18206                                                                                                </div>
18207                                                                                            </div>
18208                                                                            <div id="2hgfe2f22ph568502-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
18209                                                                                <sp
18209an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
18210                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
18211                                                                                </span>
18212                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="2hgfe2f22ph568502-unlock-discount-price"></label></span>
18213                                                                            </div>
18214                                                                            <div id="2hgfe2f22ph568502-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
18215                                                                                <div class="mr-2" style="color:#000">
18216                                                                                    <span id="2hgfe2f22ph568502-selling-price-label" class="p-0">Your Price</span>
18217                                                                                </div>
18218                                                                                <div id="2hgfe2f22ph568502-your-price-hide" class=" " style="color:#000">$23,418</div>
18219                                                                            </div>
18220                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
18221                                                                                <div class="mr-2" style="color:#000">
18222                                                                                    <span id="2hgfe2f22ph568502-selling-price-label" class="p-0">Your Price</span>
18223                                                                                </div>
18224                                                                                <div id="2hgfe2f22ph568502-your-price" class=" " style="color:#000">$23,418</div>
18225                                                                            </div>
18226
18227
18228
18229
18230                                                        <total-incentive-discount qualified-data=''
18231                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
18232                                                                                :pricedata="{'msrp':'22870','yourPrice':'23418.0'}"
18233                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
18234                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
18235                                                    <div class="color-black ft-16 mt-1">
18236            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
18237                Disclosure
18238            </div>
18239</div>
18240
18241                                                </div>
18242
18243                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "2HGFE2F22PH568502", "false"==="true"):!showMsrp )'>
18244                                                                    <div v-if="!unlockHideMsrp">
18245                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22870' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18246                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
18247                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
18248                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,870</div>
18249                                                                        </div>
18250                                                                    </div>
18251
18252                                                </div>
18253                                            </div>
18254                                </div>
18255                            </div>
18256                        </div>
18257                        <div id="cta-params-2HGFE2F22PH568502"
18258                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:23418.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
18259                        </div>
18260
18261                        <div>
18262
18263                            <vehicle-badges model="Civic Sedan"
18264                                            :current="'srp'"
18265                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
18266                                            :eyesight="''"
18267                                            :starlink="''"
18268                                            :von="''"
18269                                            :onorder="''"
18270                                            :vin="'2HGFE2F22PH568502'"
18271                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance'"
18272                                            :vehicle-badges-top-srp="'False'"
18273                                            :year="'2023'"
18274                                            :in-transit-background-color-srp="''"
18275                                            :in-transit-badge-color-srp="''"
18276                                            :in-production-background-color-srp="''"
18277                                            :in-production-badge-color-srp="''"
18278                                            @opendisclaimer="openDisclaimerPopup($event)">
18279                            </vehicle-badges>
18280
18281                                <div class="d-flex flex-wrap">
18282                                    
18283
18284
18285
18286
18287
18288
18289                                </div>
18290                        </div>
18291
18292
18293
18294                        <div class="d-flex flex-wrap srp-certified-img-section">
18295
18296
18297
18298                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/jL3TUlr960b0o8BTVZSwJ5yZuP0UXrMuwj0qxZemQxscvuVCU-Yf8XrAv8G5UBsY-PZMBKN3JpnZ36FBIwMan-4cbHwnylIfZkg')">
18299                                        <img src="https://partnerstatic.
18299carfax.com/img/valuebadge/1own_good.svg"
18300                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
18301                                    </div>
18302                                <div class="text-center third-party-payment-tool">
18303                                    <span data-cg-vin="2HGFE2F22PH568502" data-cg-price="23418.0"></span>
18304                                </div>
18305
18306
18307
18308
18309
18310                        </div>
18311
18312                        <div v-if="currentTheme == 'subaru'" class="mt-3">
18313                            <subaru-badge-new model="Civic Sedan"
18314                                            year="2023"
18315                                            make="Honda"
18316                                            type="Used"
18317                                            :current="'srp'"
18318                                            :transit="'False'"
18319                                            :eyesight="''"
18320                                            :starlink="''"
18321                                            :von="''"
18322                                            :onorder="''"
18323                                            :vin="'2HGFE2F22PH568502'"
18324                                            :hide-in-transit="'False'"
18325                                            :vehicle-badges-top-srp="'False'"
18326                                            :subaru-consumer-report-class="''"
18327                                            :in-transit-background-color-srp="''"
18328                                            :in-transit-badge-color-srp="''"
18329                                            >
18330                            </subaru-badge-new>
18331                        </div>
18332
18333                    </div>
18334                </div>
18335
18336
18337
18338            </div>
18339        </a>
18340        <template v-if="true">
18341            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
18342                <div v-if="openDetailsOverlay && selectedVinForOverlay == '2HGFE2F22PH568502'" class="vehicle-data-overlay-container"
18343                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
18344                     @keydown.esc.prevent="closeDetailsOverlay()"
18345                     @keydown.tab="srpOverlayTrapFocus($event)">
18346                    <div class="vehicle-overlay-data">
18347                        <div class="srp-overlay-options">
18348                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18349                                <div class="d-flex align-items-center" style="gap: 20px;">
18350                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
18351                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
18352                                    <h3 class="mb-0">Options</h3>
18353                                </div>
18354                                <div>
18355                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
18356                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
18357                                </div>
18358                            </div>
18359
18360                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
18361                                <div class="overlay-nav-items px-3 pt-4">
18362                                    <div class="d-flex overlay-nav-item" tabindex="0"
18363                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F22PH568502', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F22PH568502', overlayType: '
18363share-options', label: 'Share' })">
18364                                        <em class="primaryicon-share-icon"></em>
18365                                        <span>Share</span>
18366                                    </div>
18367
18368                                        <div class="d-flex overlay-nav-item"
18369                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F22PH568502', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '2HGFE2F22PH568502', overlayType: 'key-features', label: 'Key Features' })">
18370                                            <em class="primaryicon-key-features-icon"></em>
18371                                            <span>Key Features</span>
18372                                        </div>
18373                                        <div class="d-flex overlay-nav-item"
18374                                        tabindex="0" role="button" @click.prevent='openChatAssistant("2HGFE2F22PH568502")' @keydown.enter.space.prevent='openChatAssistant("2HGFE2F22PH568502")'>
18375                                            <em class="primaryicon-assistant-icon"></em>
18376                                            <span>Ask Us Anything</span>
18377                                        </div>
18378                                </div>
18379
18380                                <div class="pt-4 px-3 mt-3">
18381                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance")' target="_self"
18382                                        @keydown.space.prevent="$event.currentTarget.click()"
18383                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
18384                                        View Details
18385                                    </a>
18386                                </div>
18387                            </div>
18388                        </div>
18389                    </div>
18390                </div>
18391            </transition>
18392            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
18393                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '2HGFE2F22PH568502'"
18394                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
18395                     @keydown.esc.prevent="navigateToDetailsOverlay()"
18396                     @keydown.tab="srpOverlayTrapFocus($event)">
18397                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18398                        <div class="d-flex align-items-center" style="gap: 20px;">
18399                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
18400                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
18401                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
18402                        </div>
18403                        <div>
18404                            <em class="primaryicon-close-icon-gray"
18405                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
18406                        </div>
18407                    </div>
18408                    <div class="mt-3 pt-4 overlay-section-links">
18409                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
18410                        <template v-if="!isLoadingOverlayDetails">
18411                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
18412                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car?type=finance" vehicle-name="Used 2023 Honda Civ
18412ic Sedan LX" :page-type-id="18" :style-id="436759" class="overlay-section-content"></share-options>
18413                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
18414                        </template>
18415                    </div>
18416                </div>
18417            </transition>
18418        </template>
18419    </div>
18420        
18420<script type="application/javascript">
18421
18422            var rebatesString = "[]";
18423            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
18424            localStorage.setItem("3VV2B7AX4PM126734-rebates", formattedRebatesString);
18425
18426        </script>
18426
18427<div data-itemid="Volkswagen-Tiguan-SE-3VV2B7AX4PM126734" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
18428        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "3VV2B7AX4PM126734", "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "26",msrp:"25160",yourPrice:"25708.0",sellingPrice:"25160",type:"Used",title:`2023 Volkswagen Tiguan SE`},"false"==="true"), setVintoTransact("3VV2B7AX4PM126734", $event,{styleId:"430956"})'
18429        @mouseleave="clearMouseHoverValue()"
18430        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
18431        used-large-box" style="height: 100%;">
18432
18433            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
18434                <div class="position-relative">
18435                    <div class="srp-top-badges">
18436                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
18437                            <div class="d-flex align-items-center gap-10">
18438                                            <div class="specials-indicator-wrapper">
18439                                                <inventory-specials-indicator
18440                                                bg-color="#9D0026 !important"
18441                                                text="Today&#x27;s Special">
18442                                                </inventory-specials-indicator>
18443                                            </div>
18444                            </div>
18445                        </div>
18446
18447                    </div>
18448
18449
18450                    <div id="EZ360_CVDP"></div>
18451
18452                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
18453                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VV2B7AX4PM126734'" class="vehicle-box__image">
18454                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/86ef43a544af457c8419b9da02a983b8.jpg" class="img-fluid srp-vehiclebox-image"
18455                                    title="2023 Volkswagen Tiguan SE" alt="2023 Volkswagen Tiguan SE" />
18456
18457                        </div>
18458
18459                        <div class="dp-srp-evox-media-3VV2B7AX4PM126734" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VV2B7AX4PM126734'"></div>
18460
18461                        <div class="vehicle-info-icon">
18462                            <em
18463                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VV2B7AX4PM126734')"
18464                            class="primaryicon-options-btn-new info-icon-css"
18465                            data-vin="3VV2B7AX4PM126734"
18466                            tabindex="0"
18467                            role="button"
18468                            aria-label="Vehicle info"
18469                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VV2B7AX4PM126734')"
18470                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VV2B7AX4PM126734')"
18471                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
18472                        </div>
18473                    </div>
18474
18475
18476                    <div class="vehiclebox-info-section p-3">
18477                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
18478                            <div class="d-flex">
18479                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
18480                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
18481                                        2023 Volkswagen Tiguan SE
18482                                    </h2>
18483                                </div>
18484                            </div>
18485                        </div>
18486
18487                        <div class="vehicle-summary-section mt-3 ">
18488                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
18489                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
18490            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):showMsrp)'>
18491                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
18492                                            <div class="mr-2" style="color:#000">
18493                                                <span id="3vv2b7ax4pm126734-price-summary-label">Your Price</span>
18494                                            </div>
18495                                            <div id="3vv2b7ax4pm126734-price-summary-value" class=" " style="color:#000">$25,708</div>
18496                                        </div>
18497
18498            </div>
18499            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):!showMsrp )'>
18500                                <div v-if="!unlockHideMsrp">
18501                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
18502                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
18503                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,160</div>
18504                                    </div>
18505                                </div>
18506
18507            </div>
18508        </div>
18509
18510                            </div>
18511
18512                                <template v-if="true">
18513                                    <div class="vehicle-summary-cta flex-1">
18514                                        <object>
18515                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
18516                <a v-if="applySecondaryDesign" href=""
18517                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
18518                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18519                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18520                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18521                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
18522                <a v-else href=""
18523                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
18524                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18525                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18526                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18527                   @mouseover="onCTABtnHover('', '', '', $event)">
18528                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
18529                    60-Second Quote
18530                </a>
18531            </div>
18532
18533                                        </object>
18534                                    </div>
18535                                </template>
18536                        </div>
18537<div class="color-black ft-16 mt-1">
18538            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
18539                Disclosure
18540            </div>
18541</div>
18542
18543
18544                        <div class="show section-separator my-4"></div>
18545
18546
18547                            <template v-if="true">
18548                                <object>
18549                                    <div class="app-level-cta-container">
18550
18551
18552
18553
18554
18555
18556
18557                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VV2B7AX4PM126734","false"==="true"))' class="primary-button-parent">
18558                                                    <a :style="ctaBtnStyles"
18559                                                     tabindex="0" role="button"
18560                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance", "3VV2B7AX4PM126734", "Used")'
18561                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance", "3VV2B7AX4PM126734", "Used")'
18562                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
18563                                                        {{inventorySettings.data.buttonLabel}}
18564                                                    </a>
18565                                                 </div>
18566                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
18567                                                                    <a v-if="applySecondaryDesign" href=""
18568                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
18569                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18570                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18571                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18572                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18573                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
18574                                                                    <a v-else href=""
18575                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
18576                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18577                                                                        @click.prevent="
18578                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18579                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18580                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18581                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
18582                                                                        Ask A Question
18583                                                                    </a>
18584                                                                </div>
18585                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
18586                                                                    <a v-if="applySecondary
18586Design" href=""
18587                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
18588                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18589                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18590                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18591                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
18592                                                                    <a v-else href=""
18593                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
18594                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
18595                                                                        @click.prevent="
18596                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VV2B7AX4PM126734&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;V50318A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18597                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
18598                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
18599                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
18600                                                                        Value My Trade
18601                                                                    </a>
18602                                                                </div>
18603
18604
18605
18606                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
18607                                                <a tabindex="0"
18608                                                role="button"
18609                                                @click.prevent='openSoftPullModel("0", "3VV2B7AX4PM126734", "0", "2023", "Volkswagen", "Tiguan", "SE", "59998", "Used","", $event)'
18610                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3VV2B7AX4PM126734", "0", "2023", "Volkswagen", "Tiguan", "SE", "59998", "Used","", $event)'
18611                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
18612                                                style="background-color: #000000 !important; color: #FFFFFF !important"
18613                                                @mouseover="updateStyles($event, '','','')"
18614                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
18615                                                >
18616                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
18617                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
18618                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
18619                                                </a>
18620                                            </div>
18621
18622                                    </div>
18623                                </object>
18624                            </template>
18625
18626                            <div class="mt-3">
18627
18628
18629                                <div class="inventory-btns" style="width:100%;" v-cloak>
18630
18631
18632                                    <object class="d-flex flex-column primary-inventory-btn-group">
18633                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18634                                        <div class="pi-pullup-container"></div>
18635                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18636
18637                                        <div class="dvs_vin_btn" vin="3VV2B7AX4PM126734"></div>
18638
18639
18640
18641
18642
18643
18644                                    </object>
18645
18646
18647
18648
18649
18650
18651
18652
18653
18654                                    
18655
18656
18657
18658
18659
18660
18661
18662
18663
18664                                </div>
18665
18666
18667
18668
18669
18670
18671                            </div>
18672
18673                            <active-engage-widget v-if="isEnableActivEngageSrp"
18674                                                custom-class="py-2 ft-12"></active-engage-widget>
18675                        <div class="srp-tabs-section mt-3">
18676                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
18677                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VV2B7AX4PM126734'] || 'details') === 'details' }"
18678                                    tabindex="0" role="tab"
18679                                    aria-label="Details"
18680                                    :aria-selected="(activeTabsByVin['3VV2B7AX4PM126734'] || 'details') === 'details'"
18681                                    aria-controls="tab-panel-details-3VV2B7AX4PM126734"
18682                                    @click.stop.prevent="setActiveTab('details', '3VV2B7AX4PM126734')"
18683                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VV2B7AX4PM126734')">
18684                                        Details
18685                                    </div>
18686                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VV2B7AX4PM126734'] || 'details') === 'payments' }"
18687                                tabindex="0" role="tab"
18688                                aria-label="Pricing"
18689                                :aria-selected="(activeTabsByVin['3VV2B7AX4PM126734'] || 'details') === 'payments'"
18690                                aria-controls="tab-panel-payments-3VV2B7AX4PM126734"
18691                                @click.stop.prevent="setActiveTab('payments', '3VV2B7AX4PM126734')"
18692                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VV2B7AX4PM126734')">
18693                                    Pricing
18694                                </div>
18695                            </div>
18696
18697                            <div class="srp-tab-content">
18698                                <div :class="(activeTabsByVin['3VV2B7AX4PM126734'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VV2B7AX4PM126734" aria-label="Details">
18699                                    <div class="vehicle-details-list">
18700
18701                                            <div class="details-item-row ">
18702                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
18703                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
18704                                                        <div id="copy_vin" class="d-inline">3VV2B7AX4PM126734</div>
18705                                                    </div>
18706                                            </div>
18707
18708                                            <div class="details-item-row">
18709                                                <div class="details-item-label">Stock #</div>
18710                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
18711                                                    <div id="copy_stock" class="d-inline">V50318A</div>
18712                                                </div>
18713                                            </div>
18714
18715                                        
18716
18717                                            <div class="details-item-row">
18718                                                <div class="details-item-label">Model Code</div>
18719                                                <div class="details-item-value">#BJ23VJ</div>
18720                                            </div>
18721
18722                                            <div class="details-item-row">
18723                                                <div class="details-item-label">Exterior</div>
18724                                                <div class="details-item-value d-flex align-items-center">
18725                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%"></div>
18726                                                        <div class="ml-2">Deep Black</div>
18727                                                </div>
18728                                            </div>
18729
18730                                            <div class="details-item-row">
18731                                                <div class="details-item-label">Interior</div>
18732                                                <div class="details-item-value d-flex align-items-center">
18733                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
18734                                                    <div class="ml-2 interior-word-break">Titan Black</div>
18735                                                </div>
18736                                            </div>
18737
18738                                            <div class="details-item-row">
18739                                                <div class="details-item-label">Drivetrain</div>
18740                                                <div class="details-item-value">AWD</div>
18741                                            </div>
18742
18743                                            <div class="details-item-row">
18744                                                <div class="details-item-label">Engine</div>
18745                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 2.0 L/121</div>
18746                                            </div>
18747                                            <div class="details-item-row">
18748                                                <div class="details-item-label">Transmission</div>
18749                                                <div class="details-item-value">Automatic</div>
18750                                            </div>
18751                                                <div class="details-item-row">
18752                                                    <div class="details-item-label">Mileage</div>
18753                                                    <div class="details-item-value">27,855 Miles</div>
18754                                                </div>
18755
18756                                    </div>
18757
18758                                </div>
18759                                <div :class="(activeTabsByVin['3VV2B7AX4PM126734'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VV2B7AX4PM126734" aria-label="Pricing">
18760                                            <div class="msrppanel-label">
18761                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):showMsrp)'>
18762
18763
18764                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25160' :sh
18764owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18765                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
18766                                                                                        
18767
18768<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
18769    Selling Price
18770</div>
18771<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,160</div>
18772
18773
18774                                                                                    </div>
18775                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
18776                                                                                                <div>
18777                                                                                                    Doc Fee
18778                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18779                                                                                                </div>
18780                                                                                                <div class="d-flex pl-2">
18781                                                                                                    &#x2B;$548
18782                                                                                                </div>
18783                                                                                            </div>
18784                                                                            <div id="3vv2b7ax4pm126734-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
18785                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
18786                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
18787                                                                                </span>
18788                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vv2b7ax4pm126734-unlock-discount-price"></label></span>
18789                                                                            </div>
18790                                                                            <div id="3vv2b7ax4pm126734-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
18791                                                                                <div class="mr-2" style="color:#000">
18792                                                                                    <span id="3vv2b7ax4pm126734-selling-price-label" class="p-0">Your Price</span>
18793                                                                                </div>
18794                                                                                <div id="3vv2b7ax4pm126734-your-price-hide" class=" " style="color:#000">$25,708</div>
18795                                                                            </div>
18796                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
18797                                                                                <div class="mr-2" style="color:#000">
18798                                                                                    <sp
18798an id="3vv2b7ax4pm126734-selling-price-label" class="p-0">Your Price</span>
18799                                                                                </div>
18800                                                                                <div id="3vv2b7ax4pm126734-your-price" class=" " style="color:#000">$25,708</div>
18801                                                                            </div>
18802
18803
18804
18805
18806                                                        <total-incentive-discount qualified-data=''
18807                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
18808                                                                                :pricedata="{'msrp':'25160','yourPrice':'25708.0'}"
18809                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
18810                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
18811                                                    <div class="color-black ft-16 mt-1">
18812            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
18813                Disclosure
18814            </div>
18815</div>
18816
18817                                                </div>
18818
18819                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX4PM126734", "false"==="true"):!showMsrp )'>
18820                                                                    <div v-if="!unlockHideMsrp">
18821                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25160' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18822                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
18823                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
18824                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,160</div>
18825                                                                        </div>
18826                                                                    </div>
18827
18828                                                </div>
18829                                            </div>
18830                                </div>
18831                            </div>
18832                        </div>
18833                        <div id="cta-params-3VV2B7AX4PM126734"
18834                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:25708.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
18835                        </div>
18836
18837                        <div>
18838
18839                            <vehicle-badges model="Tiguan"
18840                                            :current="'srp'"
18841                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
18842                                            :eyesight="''"
18843                                            :starlink="''"
18844                                            :von="''"
18845                                            :onorder="''"
18846                                            :vin="'3VV2B7AX4PM126734'"
18847                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance'"
18848                                            :vehicle-badges-top-srp="'False'"
18849                                            :year="'2023'"
18850                                            :in-transit-background-color-srp="''"
18851                                            :in-transit-badge-color-srp="''"
18852                                            :in-production-background-color-srp="''"
18853                                            :in-production-badge-color-srp="''"
18854                                            @opendisclaimer="openDisclaimerPopup($event)">
18855                            </vehicle-badges>
18856
18857                                <div class="d-flex flex-wrap">
18858                                    
18859
18860
18861
18862
18863
18864
18865                                </div>
18866                        </div>
18867
18868
18869
18870                        <div class="d-flex flex-wrap srp-certified-img-section">
18871
18872
18873
18874                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/JErRH2lCxmZ8N7djme9uyCPbqca8ISmaWyCf5YkuZ_jXH48JXQeQ6wKj0NUITR4dRRF4nBy2c5PhaGMs4-hwDrFotBzqZ-1Lhdo')">
18875                                        <img src="https://partnerstatic.
18875carfax.com/img/valuebadge/1own_good.svg"
18876                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
18877                                    </div>
18878                                <div class="text-center third-party-payment-tool">
18879                                    <span data-cg-vin="3VV2B7AX4PM126734" data-cg-price="25708.0"></span>
18880                                </div>
18881
18882
18883
18884
18885
18886                        </div>
18887
18888                        <div v-if="currentTheme == 'subaru'" class="mt-3">
18889                            <subaru-badge-new model="Tiguan"
18890                                            year="2023"
18891                                            make="Volkswagen"
18892                                            type="Used"
18893                                            :current="'srp'"
18894                                            :transit="'False'"
18895                                            :eyesight="''"
18896                                            :starlink="''"
18897                                            :von="''"
18898                                            :onorder="''"
18899                                            :vin="'3VV2B7AX4PM126734'"
18900                                            :hide-in-transit="'False'"
18901                                            :vehicle-badges-top-srp="'False'"
18902                                            :subaru-consumer-report-class="''"
18903                                            :in-transit-background-color-srp="''"
18904                                            :in-transit-badge-color-srp="''"
18905                                            >
18906                            </subaru-badge-new>
18907                        </div>
18908
18909                    </div>
18910                </div>
18911
18912
18913
18914            </div>
18915        </a>
18916        <template v-if="true">
18917            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
18918                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VV2B7AX4PM126734'" class="vehicle-data-overlay-container"
18919                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
18920                     @keydown.esc.prevent="closeDetailsOverlay()"
18921                     @keydown.tab="srpOverlayTrapFocus($event)">
18922                    <div class="vehicle-overlay-data">
18923                        <div class="srp-overlay-options">
18924                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18925                                <div class="d-flex align-items-center" style="gap: 20px;">
18926                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
18927                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
18928                                    <h3 class="mb-0">Options</h3>
18929                                </div>
18930                                <div>
18931                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
18932                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
18933                                </div>
18934                            </div>
18935
18936                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
18937                                <div class="overlay-nav-items px-3 pt-4">
18938                                    <div class="d-flex overlay-nav-item" tabindex="0"
18939                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX4PM126734', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX4PM126734', overlayType: '
18939share-options', label: 'Share' })">
18940                                        <em class="primaryicon-share-icon"></em>
18941                                        <span>Share</span>
18942                                    </div>
18943
18944                                        <div class="d-flex overlay-nav-item"
18945                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX4PM126734', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX4PM126734', overlayType: 'key-features', label: 'Key Features' })">
18946                                            <em class="primaryicon-key-features-icon"></em>
18947                                            <span>Key Features</span>
18948                                        </div>
18949                                        <div class="d-flex overlay-nav-item"
18950                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VV2B7AX4PM126734")' @keydown.enter.space.prevent='openChatAssistant("3VV2B7AX4PM126734")'>
18951                                            <em class="primaryicon-assistant-icon"></em>
18952                                            <span>Ask Us Anything</span>
18953                                        </div>
18954                                </div>
18955
18956                                <div class="pt-4 px-3 mt-3">
18957                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance")' target="_self"
18958                                        @keydown.space.prevent="$event.currentTarget.click()"
18959                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
18960                                        View Details
18961                                    </a>
18962                                </div>
18963                            </div>
18964                        </div>
18965                    </div>
18966                </div>
18967            </transition>
18968            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
18969                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VV2B7AX4PM126734'"
18970                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
18971                     @keydown.esc.prevent="navigateToDetailsOverlay()"
18972                     @keydown.tab="srpOverlayTrapFocus($event)">
18973                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18974                        <div class="d-flex align-items-center" style="gap: 20px;">
18975                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
18976                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
18977                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
18978                        </div>
18979                        <div>
18980                            <em class="primaryicon-close-icon-gray"
18981                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
18982                        </div>
18983                    </div>
18984                    <div class="mt-3 pt-4 overlay-section-links">
18985                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
18986                        <template v-if="!isLoadingOverlayDetails">
18987                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
18988                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility?type=finance" vehicle-name="Used 2023 Volkswagen Tiguan SE" :page-type-id="18" :style-id="430956" class="overlay-section-content"></share-options>
18989                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
18990                        </template>
18991                    </div>
18992                </div>
18993            </transition>
18994        </template>
18995    </div>
18996        
18996<script type="application/javascript">
18997
18998            var rebatesString = "[]";
18999            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
19000            localStorage.setItem("3CZRZ2H52RM719859-rebates", formattedRebatesString);
19001
19002        </script>
19002
19003<div data-itemid="Honda-HR-V-Sport-3CZRZ2H52RM719859" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
19004        <a href="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "3CZRZ2H52RM719859", "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "27",msrp:"26242",yourPrice:"26790.0",sellingPrice:"26242",type:"Used",title:`2024 Honda HR-V Sport`},"false"==="true"), setVintoTransact("3CZRZ2H52RM719859", $event,{styleId:"439781"})'
19005        @mouseleave="clearMouseHoverValue()"
19006        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
19007        used-large-box" style="height: 100%;">
19008
19009            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
19010                <div class="position-relative">
19011                    <div class="srp-top-badges">
19012                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
19013                            <div class="d-flex align-items-center gap-10">
19014                                            <div class="specials-indicator-wrapper">
19015                                                <inventory-specials-indicator
19016                                                bg-color="#9D0026 !important"
19017                                                text="Today&#x27;s Special">
19018                                                </inventory-specials-indicator>
19019                                            </div>
19020                            </div>
19021                        </div>
19022
19023                    </div>
19024
19025
19026                    <div id="EZ360_CVDP"></div>
19027
19028                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
19029                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3CZRZ2H52RM719859'" class="vehicle-box__image">
19030                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/93844c1d214a42839919c8a1ef440c2a.jpg" class="img-fluid srp-vehiclebox-image"
19031                                    title="2024 Honda HR-V Sport" alt="2024 Honda HR-V Sport" />
19032
19033                        </div>
19034
19035                        <div class="dp-srp-evox-media-3CZRZ2H52RM719859" v-show="currentHoveredBlock === 'dp-srp-evox-media-3CZRZ2H52RM719859'"></div>
19036
19037                        <div class="vehicle-info-icon">
19038                            <em
19039                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3CZRZ2H52RM719859')"
19040                            class="primaryicon-options-btn-new info-icon-css"
19041                            data-vin="3CZRZ2H52RM719859"
19042                            tabindex="0"
19043                            role="button"
19044                            aria-label="Vehicle info"
19045                            @click.stop.prevent="openVehicleInfoOverlay($event, '3CZRZ2H52RM719859')"
19046                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3CZRZ2H52RM719859')"
19047                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
19048                        </div>
19049                    </div>
19050
19051
19052                    <div class="vehiclebox-info-section p-3">
19053                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
19054                            <div class="d-flex">
19055                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
19056                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
19057                                        2024 Honda HR-V Sport
19058                                    </h2>
19059                                </div>
19060                            </div>
19061                        </div>
19062
19063                        <div class="vehicle-summary-section mt-3 ">
19064                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
19065                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
19066            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):showMsrp)'>
19067                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
19068                                            <div class="mr-2" style="color:#000">
19069                                                <span id="3czrz2h52rm719859-price-summary-label">Your Price</span>
19070                                            </div>
19071                                            <div id="3czrz2h52rm719859-price-summary-value" class=" " style="color:#000">$26,790</div>
19072                                        </div>
19073
19074            </div>
19075            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):!showMsrp )'>
19076                                <div v-if="!unlockHideMsrp">
19077                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
19078                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
19079                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,242</div>
19080                                    </div>
19081                                </div>
19082
19083            </div>
19084        </div>
19085
19086                            </div>
19087
19088                                <template v-if="true">
19089                                    <div class="vehicle-summary-cta flex-1">
19090                                        <object>
19091                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
19092                <a v-if="applySecondaryDesign" href=""
19093                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
19094                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19095                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19096                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19097                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
19098                <a v-else href=""
19099                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
19100                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19101                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19102                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19103                   @mouseover="onCTABtnHover('', '', '', $event)">
19104                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
19105                    60-Second Quote
19106                </a>
19107            </div>
19108
19109                                        </object>
19110                                    </div>
19111                                </template>
19112                        </div>
19113<div class="color-black ft-16 mt-1">
19114            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
19115                Disclosure
19116            </div>
19117</div>
19118
19119
19120                        <div class="show section-separator my-4"></div>
19121
19122
19123                            <template v-if="true">
19124                                <object>
19125                                    <div class="app-level-cta-container">
19126
19127
19128
19129
19130
19131
19132
19133                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3CZRZ2H52RM719859","false"==="true"))' class="primary-button-parent">
19134                                                    <a :style="ctaBtnStyles"
19135                                                     tabindex="0" role="button"
19136                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance", "3CZRZ2H52RM719859", "Used")'
19137                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance", "3CZRZ2H52RM719859", "Used")'
19138                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
19139                                                        {{inventorySettings.data.buttonLabel}}
19140                                                    </a>
19141                                                 </div>
19142                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
19143                                                                    <a v-if="applySecondaryDesign" href=""
19144                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
19145                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19146                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19147                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19148                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19149                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
19150                                                                    <a v-else href=""
19151                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
19152                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19153                                                                        @click.prevent="
19154                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19155                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19156                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19157                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
19158                                                                        Ask A Question
19159                                                                    </a>
19160                                                                </div>
19161                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
19162                                                                    <a v-if="applySecondary
19162Design" href=""
19163                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
19164                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19165                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19166                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19167                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
19168                                                                    <a v-else href=""
19169                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
19170                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19171                                                                        @click.prevent="
19172                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3CZRZ2H52RM719859&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Honda&quot;,&quot;model&quot;:&quot;HR-V&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27844A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19173                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19174                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
19175                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
19176                                                                        Value My Trade
19177                                                                    </a>
19178                                                                </div>
19179
19180
19181
19182                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
19183                                                <a tabindex="0"
19184                                                role="button"
19185                                                @click.prevent='openSoftPullModel("0", "3CZRZ2H52RM719859", "0", "2024", "Honda", "HR-V", "Sport", "59998", "Used","", $event)'
19186                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3CZRZ2H52RM719859", "0", "2024", "Honda", "HR-V", "Sport", "59998", "Used","", $event)'
19187                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
19188                                                style="background-color: #000000 !important; color: #FFFFFF !important"
19189                                                @mouseover="updateStyles($event, '','','')"
19190                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
19191                                                >
19192                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
19193                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
19194                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
19195                                                </a>
19196                                            </div>
19197
19198                                    </div>
19199                                </object>
19200                            </template>
19201
19202                            <div class="mt-3">
19203
19204
19205                                <div class="inventory-btns" style="width:100%;" v-cloak>
19206
19207
19208                                    <object class="d-flex flex-column primary-inventory-btn-group">
19209                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19210                                        <div class="pi-pullup-container"></div>
19211                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19212
19213                                        <div class="dvs_vin_btn" vin="3CZRZ2H52RM719859"></div>
19214
19215
19216
19217
19218
19219
19220                                    </object>
19221
19222
19223
19224
19225
19226
19227
19228
19229
19230                                    
19231
19232
19233
19234
19235
19236
19237
19238
19239
19240                                </div>
19241
19242
19243
19244
19245
19246
19247                            </div>
19248
19249                            <active-engage-widget v-if="isEnableActivEngageSrp"
19250                                                custom-class="py-2 ft-12"></active-engage-widget>
19251                        <div class="srp-tabs-section mt-3">
19252                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
19253                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3CZRZ2H52RM719859'] || 'details') === 'details' }"
19254                                    tabindex="0" role="tab"
19255                                    aria-label="Details"
19256                                    :aria-selected="(activeTabsByVin['3CZRZ2H52RM719859'] || 'details') === 'details'"
19257                                    aria-controls="tab-panel-details-3CZRZ2H52RM719859"
19258                                    @click.stop.prevent="setActiveTab('details', '3CZRZ2H52RM719859')"
19259                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3CZRZ2H52RM719859')">
19260                                        Details
19261                                    </div>
19262                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3CZRZ2H52RM719859'] || 'details') === 'payments' }"
19263                                tabindex="0" role="tab"
19264                                aria-label="Pricing"
19265                                :aria-selected="(activeTabsByVin['3CZRZ2H52RM719859'] || 'details') === 'payments'"
19266                                aria-controls="tab-panel-payments-3CZRZ2H52RM719859"
19267                                @click.stop.prevent="setActiveTab('payments', '3CZRZ2H52RM719859')"
19268                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3CZRZ2H52RM719859')">
19269                                    Pricing
19270                                </div>
19271                            </div>
19272
19273                            <div class="srp-tab-content">
19274                                <div :class="(activeTabsByVin['3CZRZ2H52RM719859'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3CZRZ2H52RM719859" aria-label="Details">
19275                                    <div class="vehicle-details-list">
19276
19277                                            <div class="details-item-row ">
19278                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
19279                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
19280                                                        <div id="copy_vin" class="d-inline">3CZRZ2H52RM719859</div>
19281                                                    </div>
19282                                            </div>
19283
19284                                            <div class="details-item-row">
19285                                                <div class="details-item-label">Stock #</div>
19286                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
19287                                                    <div id="copy_stock" class="d-inline">H27844A</div>
19288                                                </div>
19289                                            </div>
19290
19291                                        
19292
19293                                            <div class="details-item-row">
19294                                                <div class="details-item-label">Model Code</div>
19295                                                <div class="details-item-value">#RZ2H5REW</div>
19296                                            </div>
19297
19298                                            <div class="details-item-row">
19299                                                <div class="details-item-label">Exterior</div>
19300                                                <div class="details-item-value d-flex align-items-center">
19301                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #1D1D1D; border-radius: 50%"></div>
19302                                                        <div class="ml-2">Crystal Black Pearl</div>
19303                                                </div>
19304                                            </div>
19305
19306                                            <div class="details-item-row">
19307                                                <div class="details-item-label">Interior</div>
19308                                                <div class="details-item-value d-flex align-items-center">
19309                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
19310                                                    <div class="ml-2 interior-word-break">Black</div>
19311                                                </div>
19312                                            </div>
19313
19314                                            <div class="details-item-row">
19315                                                <div class="details-item-label">Drivetrain</div>
19316                                                <div class="details-item-value">AWD</div>
19317                                            </div>
19318
19319                                            <div class="details-item-row">
19320                                                <div class="details-item-label">Engine</div>
19321                                                        <div class="details-item-value">Regular Unleaded I-4 2.0 L/122</div>
19322                                            </div>
19323                                            <div class="details-item-row">
19324                                                <div class="details-item-label">Transmission</div>
19325                                                <div class="details-item-value">CVT</div>
19326                                            </div>
19327                                                <div class="details-item-row">
19328                                                    <div class="details-item-label">Mileage</div>
19329                                                    <div class="details-item-value">41,475 Miles</div>
19330                                                </div>
19331
19332                                    </div>
19333
19334                                </div>
19335                                <div :class="(activeTabsByVin['3CZRZ2H52RM719859'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3CZRZ2H52RM719859" aria-label="Pricing">
19336                                            <div class="msrppanel-label">
19337                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):showMsrp)'>
19338
19339
19340                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26242' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19341                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
19342                                                                                        
19343
19344<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
19345    Selling Price
19346</div>
19347<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,242</div>
19348
19349
19350                                                                                    </div>
19351                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
19352                                                                                                <div>
19353                                                                                                    Doc Fee
19354                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19355                                                                                                </div>
19356                                                                                                <div class="d-flex pl-2">
19357                                                                                                    &#x2B;$548
19358                                                                                                </div>
19359                                                                                            </div>
19360                                                                            <div id="3czrz2h52rm719859-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
19361                                                                                <sp
19361an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
19362                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
19363                                                                                </span>
19364                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3czrz2h52rm719859-unlock-discount-price"></label></span>
19365                                                                            </div>
19366                                                                            <div id="3czrz2h52rm719859-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
19367                                                                                <div class="mr-2" style="color:#000">
19368                                                                                    <span id="3czrz2h52rm719859-selling-price-label" class="p-0">Your Price</span>
19369                                                                                </div>
19370                                                                                <div id="3czrz2h52rm719859-your-price-hide" class=" " style="color:#000">$26,790</div>
19371                                                                            </div>
19372                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
19373                                                                                <div class="mr-2" style="color:#000">
19374                                                                                    <span id="3czrz2h52rm719859-selling-price-label" class="p-0">Your Price</span>
19375                                                                                </div>
19376                                                                                <div id="3czrz2h52rm719859-your-price" class=" " style="color:#000">$26,790</div>
19377                                                                            </div>
19378
19379
19380
19381
19382                                                        <total-incentive-discount qualified-data=''
19383                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
19384                                                                                :pricedata="{'msrp':'26242','yourPrice':'26790.0'}"
19385                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
19386                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
19387                                                    <div class="color-black ft-16 mt-1">
19388            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
19389                Disclosure
19390            </div>
19391</div>
19392
19393                                                </div>
19394
19395                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3CZRZ2H52RM719859", "false"==="true"):!showMsrp )'>
19396                                                                    <div v-if="!unlockHideMsrp">
19397                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26242' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19398                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
19399                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
19400                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,242</div>
19401                                                                        </div>
19402                                                                    </div>
19403
19404                                                </div>
19405                                            </div>
19406                                </div>
19407                            </div>
19408                        </div>
19409                        <div id="cta-params-3CZRZ2H52RM719859"
19410                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:26790.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
19411                        </div>
19412
19413                        <div>
19414
19415                            <vehicle-badges model="HR-V"
19416                                            :current="'srp'"
19417                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
19418                                            :eyesight="''"
19419                                            :starlink="''"
19420                                            :von="''"
19421                                            :onorder="''"
19422                                            :vin="'3CZRZ2H52RM719859'"
19423                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance'"
19424                                            :vehicle-badges-top-srp="'False'"
19425                                            :year="'2024'"
19426                                            :in-transit-background-color-srp="''"
19427                                            :in-transit-badge-color-srp="''"
19428                                            :in-production-background-color-srp="''"
19429                                            :in-production-badge-color-srp="''"
19430                                            @opendisclaimer="openDisclaimerPopup($event)">
19431                            </vehicle-badges>
19432
19433                                <div class="d-flex flex-wrap">
19434                                    
19435
19436
19437
19438
19439
19440
19441                                </div>
19442                        </div>
19443
19444
19445
19446                        <div class="d-flex flex-wrap srp-certified-img-section">
19447
19448
19449
19450                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/MC98TV6RbqLSCiwHkCGhwNLY_c5j3Agq_b-vs0NSYXhUwsjEA0j8G6nLLNS-_p4PTgnUViyxPtTvvQTThCHPGfGI9q5IXH1UtO8')">
19451                                        <img src="https://partnerstatic.
19451carfax.com/img/valuebadge/1own_fair.svg"
19452                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
19453                                    </div>
19454                                <div class="text-center third-party-payment-tool">
19455                                    <span data-cg-vin="3CZRZ2H52RM719859" data-cg-price="26790.0"></span>
19456                                </div>
19457
19458
19459
19460
19461
19462                        </div>
19463
19464                        <div v-if="currentTheme == 'subaru'" class="mt-3">
19465                            <subaru-badge-new model="HR-V"
19466                                            year="2024"
19467                                            make="Honda"
19468                                            type="Used"
19469                                            :current="'srp'"
19470                                            :transit="'False'"
19471                                            :eyesight="''"
19472                                            :starlink="''"
19473                                            :von="''"
19474                                            :onorder="''"
19475                                            :vin="'3CZRZ2H52RM719859'"
19476                                            :hide-in-transit="'False'"
19477                                            :vehicle-badges-top-srp="'False'"
19478                                            :subaru-consumer-report-class="''"
19479                                            :in-transit-background-color-srp="''"
19480                                            :in-transit-badge-color-srp="''"
19481                                            >
19482                            </subaru-badge-new>
19483                        </div>
19484
19485                    </div>
19486                </div>
19487
19488
19489
19490            </div>
19491        </a>
19492        <template v-if="true">
19493            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
19494                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3CZRZ2H52RM719859'" class="vehicle-data-overlay-container"
19495                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
19496                     @keydown.esc.prevent="closeDetailsOverlay()"
19497                     @keydown.tab="srpOverlayTrapFocus($event)">
19498                    <div class="vehicle-overlay-data">
19499                        <div class="srp-overlay-options">
19500                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
19501                                <div class="d-flex align-items-center" style="gap: 20px;">
19502                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
19503                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
19504                                    <h3 class="mb-0">Options</h3>
19505                                </div>
19506                                <div>
19507                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
19508                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
19509                                </div>
19510                            </div>
19511
19512                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
19513                                <div class="overlay-nav-items px-3 pt-4">
19514                                    <div class="d-flex overlay-nav-item" tabindex="0"
19515                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52RM719859', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52RM719859', overlayType: '
19515share-options', label: 'Share' })">
19516                                        <em class="primaryicon-share-icon"></em>
19517                                        <span>Share</span>
19518                                    </div>
19519
19520                                        <div class="d-flex overlay-nav-item"
19521                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52RM719859', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3CZRZ2H52RM719859', overlayType: 'key-features', label: 'Key Features' })">
19522                                            <em class="primaryicon-key-features-icon"></em>
19523                                            <span>Key Features</span>
19524                                        </div>
19525                                        <div class="d-flex overlay-nav-item"
19526                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3CZRZ2H52RM719859")' @keydown.enter.space.prevent='openChatAssistant("3CZRZ2H52RM719859")'>
19527                                            <em class="primaryicon-assistant-icon"></em>
19528                                            <span>Ask Us Anything</span>
19529                                        </div>
19530                                </div>
19531
19532                                <div class="pt-4 px-3 mt-3">
19533                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance")' target="_self"
19534                                        @keydown.space.prevent="$event.currentTarget.click()"
19535                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
19536                                        View Details
19537                                    </a>
19538                                </div>
19539                            </div>
19540                        </div>
19541                    </div>
19542                </div>
19543            </transition>
19544            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
19545                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3CZRZ2H52RM719859'"
19546                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
19547                     @keydown.esc.prevent="navigateToDetailsOverlay()"
19548                     @keydown.tab="srpOverlayTrapFocus($event)">
19549                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
19550                        <div class="d-flex align-items-center" style="gap: 20px;">
19551                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
19552                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
19553                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
19554                        </div>
19555                        <div>
19556                            <em class="primaryicon-close-icon-gray"
19557                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
19558                        </div>
19559                    </div>
19560                    <div class="mt-3 pt-4 overlay-section-links">
19561                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
19562                        <template v-if="!isLoadingOverlayDetails">
19563                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
19564                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility?type=finance" vehicle-name="Used 2024 Honda HR-V Sport" :page-type-id="18" :style-id="439781" class="overlay-section-content"></share-options>
19565                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
19566                        </template>
19567                    </div>
19568                </div>
19569            </transition>
19570        </template>
19571    </div>
19572        
19572<script type="application/javascript">
19573
19574            var rebatesString = "[]";
19575            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
19576            localStorage.setItem("1V2CN2CA8TC502559-rebates", formattedRebatesString);
19577
19578        </script>
19578
19579<div data-itemid="Volkswagen-Atlas-2.0T Peak Edition-1V2CN2CA8TC502559" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
19580        <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "1V2CN2CA8TC502559", "https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "28",msrp:"45500",yourPrice:"46048.0",sellingPrice:"45500",type:"Used",title:`2026 Volkswagen Atlas 2.0T Peak Edition`},"false"==="true"), setVintoTransact("1V2CN2CA8TC502559", $event,{styleId:"476707"})'
19581        @mouseleave="clearMouseHoverValue()"
19582        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
19583        used-large-box" style="height: 100%;">
19584
19585            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
19586                <div class="position-relative">
19587                    <div class="srp-top-badges">
19588                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
19589                            <div class="d-flex align-items-center gap-10">
19590                                            <div class="specials-indicator-wrapper">
19591                                                <inventory-specials-indicator
19592                                                bg-color="#9D0026 !important"
19593                                                text="Today&#x27;s Special">
19594                                                </inventory-specials-indicator>
19595                                            </div>
19596                            </div>
19597                        </div>
19598
19599                    </div>
19600
19601
19602                    <div id="EZ360_CVDP"></div>
19603
19604                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
19605                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1V2CN2CA8TC502559'" class="vehicle-box__image">
19606                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/6315f1aa5fc14edda723795fefae6844.jpg" class="img-fluid srp-vehiclebox-image"
19607                                    title="2026 Volkswagen Atlas 2.0T Peak Edition" alt="2026 Volkswagen Atlas 2.0T Peak Edition" />
19608
19609                        </div>
19610
19611                        <div class="dp-srp-evox-media-1V2CN2CA8TC502559" v-show="currentHoveredBlock === 'dp-srp-evox-media-1V2CN2CA8TC502559'"></div>
19612
19613                        <div class="vehicle-info-icon">
19614                            <em
19615                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1V2CN2CA8TC502559')"
19616                            class="primaryicon-options-btn-new info-icon-css"
19617                            data-vin="1V2CN2CA8TC502559"
19618                            tabindex="0"
19619                            role="button"
19620                            aria-label="Vehicle info"
19621                            @click.stop.prevent="openVehicleInfoOverlay($event, '1V2CN2CA8TC502559')"
19622                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1V2CN2CA8TC502559')"
19623                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
19624                        </div>
19625                    </div>
19626
19627
19628                    <div class="vehiclebox-info-section p-3">
19629                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
19630                            <div class="d-flex">
19631                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
19632                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
19633                                        2026 Volkswagen Atlas 2.0T Peak Edition
19634                                    </h2>
19635                                </div>
19636                            </div>
19637                        </div>
19638
19639                        <div class="vehicle-summary-section mt-3 ">
19640                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
19641                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
19642            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):showMsrp)'>
19643                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
19644                                            <div class="mr-2" style="color:#000">
19645                                                <span id="1v2cn2ca8tc502559-price-summary-label">Your Price</span>
19646                                            </div>
19647                                            <div id="1v2cn2ca8tc502559-price-summary-value" class=" " style="color:#000">$46,048</div>
19648                                        </div>
19649
19650            </div>
19651            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):!showMsrp )'>
19652                                <div v-if="!unlockHideMsrp">
19653                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
19654                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
19655                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$45,500</div>
19656                                    </div>
19657                                </div>
19658
19659            </div>
19660        </div>
19661
19662                            </div>
19663
19664                                <template v-if="true">
19665                                    <div class="vehicle-summary-cta flex-1">
19666                                        <object>
19667                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
19668                <a v-if="applySecondaryDesign" href=""
19669                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
19670                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19671                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19672                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19673                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
19674                <a v-else href=""
19675                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
19676                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19677                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19678                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19679                   @mouseover="onCTABtnHover('', '', '', $event)">
19680                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
19681                    60-Second Quote
19682                </a>
19683            </div>
19684
19685                                        </object>
19686                                    </div>
19687                                </template>
19688                        </div>
19689<div class="color-black ft-16 mt-1">
19690            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
19691                Disclosure
19692            </div>
19693</div>
19694
19695
19696                        <div class="show section-separator my-4"></div>
19697
19698
19699                            <template v-if="true">
19700                                <object>
19701                                    <div class="app-level-cta-container">
19702
19703
19704
19705
19706
19707
19708
19709                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1V2CN2CA8TC502559","false"==="true"))' class="primary-button-parent">
19710                                                    <a :style="ctaBtnStyles"
19711                                                     tabindex="0" role="button"
19712                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance", "1V2CN2CA8TC502559", "Used")'
19713                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance", "1V2CN2CA8TC502559", "Used")'
19714                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
19715                                                        {{inventorySettings.data.buttonLabel}}
19716                                                    </a>
19717                                                 </div>
19718                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
19719                                                                    <a v-if="applySecondaryDesign" href=""
19720                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
19721                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19722                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19723                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19724                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19725                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
19726                                                                    <a v-else href=""
19727                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
19728                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19729                                                                        @click.prevent="
19730                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19731                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19732                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19733                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
19734                                                                        Ask A Question
19735                                                                    </a>
19736                                                                </div>
19737                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
19738                                                                    <a v-if="applySecondary
19738Design" href=""
19739                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
19740                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19741                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19742                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19743                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
19744                                                                    <a v-else href=""
19745                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
19746                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
19747                                                                        @click.prevent="
19748                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1V2CN2CA8TC502559&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Atlas&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50003&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19749                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
19750                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
19751                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
19752                                                                        Value My Trade
19753                                                                    </a>
19754                                                                </div>
19755
19756
19757
19758                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
19759                                                <a tabindex="0"
19760                                                role="button"
19761                                                @click.prevent='openSoftPullModel("0", "1V2CN2CA8TC502559", "0", "2026", "Volkswagen", "Atlas", "2.0T Peak Edition", "59998", "Used","", $event)'
19762                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1V2CN2CA8TC502559", "0", "2026", "Volkswagen", "Atlas", "2.0T Peak Edition", "59998", "Used","", $event)'
19763                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
19764                                                style="background-color: #000000 !important; color: #FFFFFF !important"
19765                                                @mouseover="updateStyles($event, '','','')"
19766                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
19767                                                >
19768                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
19769                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
19770                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
19771                                                </a>
19772                                            </div>
19773
19774                                    </div>
19775                                </object>
19776                            </template>
19777
19778                            <div class="mt-3">
19779
19780
19781                                <div class="inventory-btns" style="width:100%;" v-cloak>
19782
19783
19784                                    <object class="d-flex flex-column primary-inventory-btn-group">
19785                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19786                                        <div class="pi-pullup-container"></div>
19787                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19788
19789                                        <div class="dvs_vin_btn" vin="1V2CN2CA8TC502559"></div>
19790
19791
19792
19793
19794
19795
19796                                    </object>
19797
19798
19799
19800
19801
19802
19803
19804
19805
19806                                    
19807
19808
19809
19810
19811
19812
19813
19814
19815
19816                                </div>
19817
19818
19819
19820
19821
19822
19823                            </div>
19824
19825                            <active-engage-widget v-if="isEnableActivEngageSrp"
19826                                                custom-class="py-2 ft-12"></active-engage-widget>
19827                        <div class="srp-tabs-section mt-3">
19828                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
19829                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2CN2CA8TC502559'] || 'details') === 'details' }"
19830                                    tabindex="0" role="tab"
19831                                    aria-label="Details"
19832                                    :aria-selected="(activeTabsByVin['1V2CN2CA8TC502559'] || 'details') === 'details'"
19833                                    aria-controls="tab-panel-details-1V2CN2CA8TC502559"
19834                                    @click.stop.prevent="setActiveTab('details', '1V2CN2CA8TC502559')"
19835                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1V2CN2CA8TC502559')">
19836                                        Details
19837                                    </div>
19838                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1V2CN2CA8TC502559'] || 'details') === 'payments' }"
19839                                tabindex="0" role="tab"
19840                                aria-label="Pricing"
19841                                :aria-selected="(activeTabsByVin['1V2CN2CA8TC502559'] || 'details') === 'payments'"
19842                                aria-controls="tab-panel-payments-1V2CN2CA8TC502559"
19843                                @click.stop.prevent="setActiveTab('payments', '1V2CN2CA8TC502559')"
19844                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1V2CN2CA8TC502559')">
19845                                    Pricing
19846                                </div>
19847                            </div>
19848
19849                            <div class="srp-tab-content">
19850                                <div :class="(activeTabsByVin['1V2CN2CA8TC502559'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1V2CN2CA8TC502559" aria-label="Details">
19851                                    <div class="vehicle-details-list">
19852
19853                                            <div class="details-item-row ">
19854                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
19855                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
19856                                                        <div id="copy_vin" class="d-inline">1V2CN2CA8TC502559</div>
19857                                                    </div>
19858                                            </div>
19859
19860                                            <div class="details-item-row">
19861                                                <div class="details-item-label">Stock #</div>
19862                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
19863                                                    <div id="copy_stock" class="d-inline">VV50003</div>
19864                                                </div>
19865                                            </div>
19866
19867                                        
19868
19869                                            <div class="details-item-row">
19870                                                <div class="details-item-label">Model Code</div>
19871                                                <div class="details-item-value">#CA38PR</div>
19872                                            </div>
19873
19874                                            <div class="details-item-row">
19875                                                <div class="details-item-label">Exterior</div>
19876                                                <div class="details-item-value d-flex align-items-center">
19877                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #373737; border-radius: 50%"></div>
19878                                                        <div class="ml-2">Gray</div>
19879                                                </div>
19880                                            </div>
19881
19882                                            <div class="details-item-row">
19883                                                <div class="details-item-label">Interior</div>
19884                                                <div class="details-item-value d-flex align-items-center">
19885                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
19886                                                    <div class="ml-2 interior-word-break">Titan Black</div>
19887                                                </div>
19888                                            </div>
19889
19890                                            <div class="details-item-row">
19891                                                <div class="details-item-label">Drivetrain</div>
19892                                                <div class="details-item-value">AWD</div>
19893                                            </div>
19894
19895                                            <div class="details-item-row">
19896                                                <div class="details-item-label">Engine</div>
19897                                                        <div class="details-item-value">Intercooled Turbo Regular Gasoline I-4 2.0 L/121</div>
19898                                            </div>
19899                                            <div class="details-item-row">
19900                                                <div class="details-item-label">Transmission</div>
19901                                                <div class="details-item-value">Automatic</div>
19902                                            </div>
19903                                                <div class="details-item-row">
19904                                                    <div class="details-item-label">Mileage</div>
19905                                                    <div class="details-item-value">9,184 Miles</div>
19906                                                </div>
19907
19908                                    </div>
19909
19910                                </div>
19911                                <div :class="(activeTabsByVin['1V2CN2CA8TC502559'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1V2CN2CA8TC502559" aria-label="Pricing">
19912                                            <div class="msrppanel-label">
19913                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):showMsrp)'>
19914
19915
19916                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-45500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19917                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
19918                                                                                        
19919
19920<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
19921    Selling Price
19922</div>
19923<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$45,500</div>
19924
19925
19926                                                                                    </div>
19927                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
19928                                                                                                <div>
19929                                                                                                    Doc Fee
19930                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19931                                                                                                </div>
19932                                                                                                <div class="d-flex pl-2">
19933                                                                                                    &#x2B;$548
19934                                                                                                </div>
19935                                                                                            </div>
19936                                                                            <div id="1v2cn2ca8tc502559-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
19937                                                                                <sp
19937an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
19938                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
19939                                                                                </span>
19940                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1v2cn2ca8tc502559-unlock-discount-price"></label></span>
19941                                                                            </div>
19942                                                                            <div id="1v2cn2ca8tc502559-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
19943                                                                                <div class="mr-2" style="color:#000">
19944                                                                                    <span id="1v2cn2ca8tc502559-selling-price-label" class="p-0">Your Price</span>
19945                                                                                </div>
19946                                                                                <div id="1v2cn2ca8tc502559-your-price-hide" class=" " style="color:#000">$46,048</div>
19947                                                                            </div>
19948                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
19949                                                                                <div class="mr-2" style="color:#000">
19950                                                                                    <span id="1v2cn2ca8tc502559-selling-price-label" class="p-0">Your Price</span>
19951                                                                                </div>
19952                                                                                <div id="1v2cn2ca8tc502559-your-price" class=" " style="color:#000">$46,048</div>
19953                                                                            </div>
19954
19955
19956
19957
19958                                                        <total-incentive-discount qualified-data=''
19959                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
19960                                                                                :pricedata="{'msrp':'45500','yourPrice':'46048.0'}"
19961                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
19962                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
19963                                                    <div class="color-black ft-16 mt-1">
19964            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
19965                Disclosure
19966            </div>
19967</div>
19968
19969                                                </div>
19970
19971                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1V2CN2CA8TC502559", "false"==="true"):!showMsrp )'>
19972                                                                    <div v-if="!unlockHideMsrp">
19973                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-45500' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19974                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
19975                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
19976                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$45,500</div>
19977                                                                        </div>
19978                                                                    </div>
19979
19980                                                </div>
19981                                            </div>
19982                                </div>
19983                            </div>
19984                        </div>
19985                        <div id="cta-params-1V2CN2CA8TC502559"
19986                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:46048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
19987                        </div>
19988
19989                        <div>
19990
19991                            <vehicle-badges model="Atlas"
19992                                            :current="'srp'"
19993                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
19994                                            :eyesight="''"
19995                                            :starlink="''"
19996                                            :von="''"
19997                                            :onorder="''"
19998                                            :vin="'1V2CN2CA8TC502559'"
19999                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance'"
20000                                            :vehicle-badges-top-srp="'False'"
20001                                            :year="'2026'"
20002                                            :in-transit-background-color-srp="''"
20003                                            :in-transit-badge-color-srp="''"
20004                                            :in-production-background-color-srp="''"
20005                                            :in-production-badge-color-srp="''"
20006                                            @opendisclaimer="openDisclaimerPopup($event)">
20007                            </vehicle-badges>
20008
20009                                <div class="d-flex flex-wrap">
20010                                    
20011
20012
20013
20014
20015
20016
20017                                </div>
20018                        </div>
20019
20020
20021
20022                        <div class="d-flex flex-wrap srp-certified-img-section">
20023
20024
20025
20026                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/fUk400iUQkozRfryXqPdz3TiRh0lEswBSpl3Ory8cFSiIcmVQosEp1noDl-zn4gqAJ8FGPF7UF4rtjx-IbPtaAkrCZlnPrXINkw')">
20027                                        <img src="https://partnerstatic.
20027carfax.com/img/valuebadge/1own.svg"
20028                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
20029                                    </div>
20030                                <div class="text-center third-party-payment-tool">
20031                                    <span data-cg-vin="1V2CN2CA8TC502559" data-cg-price="46048.0"></span>
20032                                </div>
20033
20034
20035
20036
20037
20038                        </div>
20039
20040                        <div v-if="currentTheme == 'subaru'" class="mt-3">
20041                            <subaru-badge-new model="Atlas"
20042                                            year="2026"
20043                                            make="Volkswagen"
20044                                            type="Used"
20045                                            :current="'srp'"
20046                                            :transit="'False'"
20047                                            :eyesight="''"
20048                                            :starlink="''"
20049                                            :von="''"
20050                                            :onorder="''"
20051                                            :vin="'1V2CN2CA8TC502559'"
20052                                            :hide-in-transit="'False'"
20053                                            :vehicle-badges-top-srp="'False'"
20054                                            :subaru-consumer-report-class="''"
20055                                            :in-transit-background-color-srp="''"
20056                                            :in-transit-badge-color-srp="''"
20057                                            >
20058                            </subaru-badge-new>
20059                        </div>
20060
20061                    </div>
20062                </div>
20063
20064
20065
20066            </div>
20067        </a>
20068        <template v-if="true">
20069            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
20070                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1V2CN2CA8TC502559'" class="vehicle-data-overlay-container"
20071                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
20072                     @keydown.esc.prevent="closeDetailsOverlay()"
20073                     @keydown.tab="srpOverlayTrapFocus($event)">
20074                    <div class="vehicle-overlay-data">
20075                        <div class="srp-overlay-options">
20076                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
20077                                <div class="d-flex align-items-center" style="gap: 20px;">
20078                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
20079                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
20080                                    <h3 class="mb-0">Options</h3>
20081                                </div>
20082                                <div>
20083                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
20084                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
20085                                </div>
20086                            </div>
20087
20088                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
20089                                <div class="overlay-nav-items px-3 pt-4">
20090                                    <div class="d-flex overlay-nav-item" tabindex="0"
20091                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2CN2CA8TC502559', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2CN2CA8TC502559', overlayType: '
20091share-options', label: 'Share' })">
20092                                        <em class="primaryicon-share-icon"></em>
20093                                        <span>Share</span>
20094                                    </div>
20095
20096                                        <div class="d-flex overlay-nav-item"
20097                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1V2CN2CA8TC502559', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1V2CN2CA8TC502559', overlayType: 'key-features', label: 'Key Features' })">
20098                                            <em class="primaryicon-key-features-icon"></em>
20099                                            <span>Key Features</span>
20100                                        </div>
20101                                        <div class="d-flex overlay-nav-item"
20102                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1V2CN2CA8TC502559")' @keydown.enter.space.prevent='openChatAssistant("1V2CN2CA8TC502559")'>
20103                                            <em class="primaryicon-assistant-icon"></em>
20104                                            <span>Ask Us Anything</span>
20105                                        </div>
20106                                </div>
20107
20108                                <div class="pt-4 px-3 mt-3">
20109                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance")' target="_self"
20110                                        @keydown.space.prevent="$event.currentTarget.click()"
20111                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
20112                                        View Details
20113                                    </a>
20114                                </div>
20115                            </div>
20116                        </div>
20117                    </div>
20118                </div>
20119            </transition>
20120            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
20121                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1V2CN2CA8TC502559'"
20122                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
20123                     @keydown.esc.prevent="navigateToDetailsOverlay()"
20124                     @keydown.tab="srpOverlayTrapFocus($event)">
20125                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
20126                        <div class="d-flex align-items-center" style="gap: 20px;">
20127                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
20128                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
20129                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
20130                        </div>
20131                        <div>
20132                            <em class="primaryicon-close-icon-gray"
20133                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
20134                        </div>
20135                    </div>
20136                    <div class="mt-3 pt-4 overlay-section-links">
20137                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
20138                        <template v-if="!isLoadingOverlayDetails">
20139                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
20140                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility?type=finance" vehicle-name="Used 202
201406 Volkswagen Atlas 2.0T Peak Edition" :page-type-id="18" :style-id="476707" class="overlay-section-content"></share-options>
20141                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
20142                        </template>
20143                    </div>
20144                </div>
20145            </transition>
20146        </template>
20147    </div>
20148        
20148<script type="application/javascript">
20149
20150            var rebatesString = "[]";
20151            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
20152            localStorage.setItem("3VWBW7BU9TM003039-rebates", formattedRebatesString);
20153
20154        </script>
20154
20155<div data-itemid="Volkswagen-Jetta-Sport-3VWBW7BU9TM003039" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
20156        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance" target="_self" @click='vehicleDetails($event, "3VWBW7BU9TM003039", "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance", {vehicleCount: "32", vehicleIndex: "29",msrp:"25847",yourPrice:"26395.0",sellingPrice:"25847",type:"Used",title:`2026 Volkswagen Jetta Sport`},"false"==="true"), setVintoTransact("3VWBW7BU9TM003039", $event,{styleId:"478601"})'
20157        @mouseleave="clearMouseHoverValue()"
20158        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
20159        used-large-box" style="height: 100%;">
20160
20161            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
20162                <div class="position-relative">
20163                    <div class="srp-top-badges">
20164                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
20165                            <div class="d-flex align-items-center gap-10">
20166                                            <div class="specials-indicator-wrapper">
20167                                                <inventory-specials-indicator
20168                                                bg-color="#9D0026 !important"
20169                                                text="Today&#x27;s Special">
20170                                                </inventory-specials-indicator>
20171                                            </div>
20172                            </div>
20173                        </div>
20174
20175                    </div>
20176
20177
20178                    <div id="EZ360_CVDP"></div>
20179
20180                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
20181                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VWBW7BU9TM003039'" class="vehicle-box__image">
20182                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/b98180cc4c1746b092757972a760c1e4.jpg" class="img-fluid srp-vehiclebox-image"
20183                                    title="2026 Volkswagen Jetta Sport" alt="2026 Volkswagen Jetta Sport" />
20184
20185                        </div>
20186
20187                        <div class="dp-srp-evox-media-3VWBW7BU9TM003039" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VWBW7BU9TM003039'"></div>
20188
20189                        <div class="vehicle-info-icon">
20190                            <em
20191                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VWBW7BU9TM003039')"
20192                            class="primaryicon-options-btn-new info-icon-css"
20193                            data-vin="3VWBW7BU9TM003039"
20194                            tabindex="0"
20195                            role="button"
20196                            aria-label="Vehicle info"
20197                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VWBW7BU9TM003039')"
20198                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VWBW7BU9TM003039')"
20199                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
20200                        </div>
20201                    </div>
20202
20203
20204                    <div class="vehiclebox-info-section p-3">
20205                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
20206                            <div class="d-flex">
20207                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
20208                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
20209                                        2026 Volkswagen Jetta Sport
20210                                    </h2>
20211                                </div>
20212                            </div>
20213                        </div>
20214
20215                        <div class="vehicle-summary-section mt-3 ">
20216                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
20217                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
20218            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):showMsrp)'>
20219                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
20220                                            <div class="mr-2" style="color:#000">
20221                                                <span id="3vwbw7bu9tm003039-price-summary-label">Your Price</span>
20222                                            </div>
20223                                            <div id="3vwbw7bu9tm003039-price-summary-value" class=" " style="color:#000">$26,395</div>
20224                                        </div>
20225
20226            </div>
20227            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):!showMsrp )'>
20228                                <div v-if="!unlockHideMsrp">
20229                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
20230                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
20231                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,847</div>
20232                                    </div>
20233                                </div>
20234
20235            </div>
20236        </div>
20237
20238                            </div>
20239
20240                                <template v-if="true">
20241                                    <div class="vehicle-summary-cta flex-1">
20242                                        <object>
20243                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
20244                <a v-if="applySecondaryDesign" href=""
20245                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
20246                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20247                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20248                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20249                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
20250                <a v-else href=""
20251                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
20252                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20253                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20254                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20255                   @mouseover="onCTABtnHover('', '', '', $event)">
20256                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
20257                    60-Second Quote
20258                </a>
20259            </div>
20260
20261                                        </object>
20262                                    </div>
20263                                </template>
20264                        </div>
20265<div class="color-black ft-16 mt-1">
20266            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
20267                Disclosure
20268            </div>
20269</div>
20270
20271
20272                        <div class="show section-separator my-4"></div>
20273
20274
20275                            <template v-if="true">
20276                                <object>
20277                                    <div class="app-level-cta-container">
20278
20279
20280
20281
20282
20283
20284
20285                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VWBW7BU9TM003039","false"==="true"))' class="primary-button-parent">
20286                                                    <a :style="ctaBtnStyles"
20287                                                     tabindex="0" role="button"
20288                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance", "3VWBW7BU9TM003039", "Used")'
20289                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance", "3VWBW7BU9TM003039", "Used")'
20290                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
20291                                                        {{inventorySettings.data.buttonLabel}}
20292                                                    </a>
20293                                                 </div>
20294                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
20295                                                                    <a v-if="applySecondaryDesign" href=""
20296                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
20297                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20298                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20299                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20300                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20301                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
20302                                                                    <a v-else href=""
20303                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
20304                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20305                                                                        @click.prevent="
20306                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20307                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20308                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20309                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
20310                                                                        Ask A Question
20311                                                                    </a>
20312                                                                </div>
20313                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
20314                                                                    <a v-if="applySecondary
20314Design" href=""
20315                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
20316                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20317                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20318                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20319                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
20320                                                                    <a v-else href=""
20321                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
20322                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20323                                                                        @click.prevent="
20324                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VWBW7BU9TM003039&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Jetta&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance&quot;,&quot;stockNumber&quot;:&quot;VV50009&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20325                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20326                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
20327                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
20328                                                                        Value My Trade
20329                                                                    </a>
20330                                                                </div>
20331
20332
20333
20334                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
20335                                                <a tabindex="0"
20336                                                role="button"
20337                                                @click.prevent='openSoftPullModel("0", "3VWBW7BU9TM003039", "0", "2026", "Volkswagen", "Jetta", "Sport", "59998", "Used","", $event)'
20338                                                @keydown.enter.space.prevent='openSoftPullModel("0", "3VWBW7BU9TM003039", "0", "2026", "Volkswagen", "Jetta", "Sport", "59998", "Used","", $event)'
20339                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
20340                                                style="background-color: #000000 !important; color: #FFFFFF !important"
20341                                                @mouseover="updateStyles($event, '','','')"
20342                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
20343                                                >
20344                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
20345                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
20346                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
20347                                                </a>
20348                                            </div>
20349
20350                                    </div>
20351                                </object>
20352                            </template>
20353
20354                            <div class="mt-3">
20355
20356
20357                                <div class="inventory-btns" style="width:100%;" v-cloak>
20358
20359
20360                                    <object class="d-flex flex-column primary-inventory-btn-group">
20361                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
20362                                        <div class="pi-pullup-container"></div>
20363                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
20364
20365                                        <div class="dvs_vin_btn" vin="3VWBW7BU9TM003039"></div>
20366
20367
20368
20369
20370
20371
20372                                    </object>
20373
20374
20375
20376
20377
20378
20379
20380
20381
20382                                    
20383
20384
20385
20386
20387
20388
20389
20390
20391
20392                                </div>
20393
20394
20395
20396
20397
20398
20399                            </div>
20400
20401                            <active-engage-widget v-if="isEnableActivEngageSrp"
20402                                                custom-class="py-2 ft-12"></active-engage-widget>
20403                        <div class="srp-tabs-section mt-3">
20404                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
20405                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VWBW7BU9TM003039'] || 'details') === 'details' }"
20406                                    tabindex="0" role="tab"
20407                                    aria-label="Details"
20408                                    :aria-selected="(activeTabsByVin['3VWBW7BU9TM003039'] || 'details') === 'details'"
20409                                    aria-controls="tab-panel-details-3VWBW7BU9TM003039"
20410                                    @click.stop.prevent="setActiveTab('details', '3VWBW7BU9TM003039')"
20411                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VWBW7BU9TM003039')">
20412                                        Details
20413                                    </div>
20414                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VWBW7BU9TM003039'] || 'details') === 'payments' }"
20415                                tabindex="0" role="tab"
20416                                aria-label="Pricing"
20417                                :aria-selected="(activeTabsByVin['3VWBW7BU9TM003039'] || 'details') === 'payments'"
20418                                aria-controls="tab-panel-payments-3VWBW7BU9TM003039"
20419                                @click.stop.prevent="setActiveTab('payments', '3VWBW7BU9TM003039')"
20420                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VWBW7BU9TM003039')">
20421                                    Pricing
20422                                </div>
20423                            </div>
20424
20425                            <div class="srp-tab-content">
20426                                <div :class="(activeTabsByVin['3VWBW7BU9TM003039'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VWBW7BU9TM003039" aria-label="Details">
20427                                    <div class="vehicle-details-list">
20428
20429                                            <div class="details-item-row ">
20430                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
20431                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
20432                                                        <div id="copy_vin" class="d-inline">3VWBW7BU9TM003039</div>
20433                                                    </div>
20434                                            </div>
20435
20436                                            <div class="details-item-row">
20437                                                <div class="details-item-label">Stock #</div>
20438                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
20439                                                    <div id="copy_stock" class="d-inline">VV50009</div>
20440                                                </div>
20441                                            </div>
20442
20443                                        
20444
20445                                            <div class="details-item-row">
20446                                                <div class="details-item-label">Model Code</div>
20447                                                <div class="details-item-value">#BU52RS</div>
20448                                            </div>
20449
20450                                            <div class="details-item-row">
20451                                                <div class="details-item-label">Exterior</div>
20452                                                <div class="details-item-value d-flex align-items-center">
20453                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #555656; border-radius: 50%"></div>
20454                                                        <div class="ml-2">Gray</div>
20455                                                </div>
20456                                            </div>
20457
20458                                            <div class="details-item-row">
20459                                                <div class="details-item-label">Interior</div>
20460                                                <div class="details-item-value d-flex align-items-center">
20461                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
20462                                                    <div class="ml-2 interior-word-break">Titan Black</div>
20463                                                </div>
20464                                            </div>
20465
20466                                            <div class="details-item-row">
20467                                                <div class="details-item-label">Drivetrain</div>
20468                                                <div class="details-item-value">FWD</div>
20469                                            </div>
20470
20471                                            <div class="details-item-row">
20472                                                <div class="details-item-label">Engine</div>
20473                                                        <div class="details-item-value">Intercooled Turbo Regular Gasoline I-4 1.5 L/91</div>
20474                                            </div>
20475                                            <div class="details-item-row">
20476                                                <div class="details-item-label">Transmission</div>
20477                                                <div class="details-item-value">Automatic</div>
20478                                            </div>
20479                                                <div class="details-item-row">
20480                                                    <div class="details-item-label">Mileage</div>
20481                                                    <div class="details-item-value">8,050 Miles</div>
20482                                                </div>
20483
20484                                    </div>
20485
20486                                </div>
20487                                <div :class="(activeTabsByVin['3VWBW7BU9TM003039'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VWBW7BU9TM003039" aria-label="Pricing">
20488                                            <div class="msrppanel-label">
20489                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):showMsrp)'>
20490
20491
20492                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25847' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
20493                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
20494                                                                                        
20495
20496<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
20497    Selling Price
20498</div>
20499<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,847</div>
20500
20501
20502                                                                                    </div>
20503                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
20504                                                                                                <div>
20505                                                                                                    Doc Fee
20506                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
20507                                                                                                </div>
20508                                                                                                <div class="d-flex pl-2">
20509                                                                                                    &#x2B;$548
20510                                                                                                </div>
20511                                                                                            </div>
20512                                                                            <div id="3vwbw7bu9tm003039-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
20513                                                                                <sp
20513an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
20514                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
20515                                                                                </span>
20516                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vwbw7bu9tm003039-unlock-discount-price"></label></span>
20517                                                                            </div>
20518                                                                            <div id="3vwbw7bu9tm003039-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
20519                                                                                <div class="mr-2" style="color:#000">
20520                                                                                    <span id="3vwbw7bu9tm003039-selling-price-label" class="p-0">Your Price</span>
20521                                                                                </div>
20522                                                                                <div id="3vwbw7bu9tm003039-your-price-hide" class=" " style="color:#000">$26,395</div>
20523                                                                            </div>
20524                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
20525                                                                                <div class="mr-2" style="color:#000">
20526                                                                                    <span id="3vwbw7bu9tm003039-selling-price-label" class="p-0">Your Price</span>
20527                                                                                </div>
20528                                                                                <div id="3vwbw7bu9tm003039-your-price" class=" " style="color:#000">$26,395</div>
20529                                                                            </div>
20530
20531
20532
20533
20534                                                        <total-incentive-discount qualified-data=''
20535                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
20536                                                                                :pricedata="{'msrp':'25847','yourPrice':'26395.0'}"
20537                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
20538                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
20539                                                    <div class="color-black ft-16 mt-1">
20540            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
20541                Disclosure
20542            </div>
20543</div>
20544
20545                                                </div>
20546
20547                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VWBW7BU9TM003039", "false"==="true"):!showMsrp )'>
20548                                                                    <div v-if="!unlockHideMsrp">
20549                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25847' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
20550                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
20551                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
20552                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,847</div>
20553                                                                        </div>
20554                                                                    </div>
20555
20556                                                </div>
20557                                            </div>
20558                                </div>
20559                            </div>
20560                        </div>
20561                        <div id="cta-params-3VWBW7BU9TM003039"
20562                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:26395.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
20563                        </div>
20564
20565                        <div>
20566
20567                            <vehicle-badges model="Jetta"
20568                                            :current="'srp'"
20569                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
20570                                            :eyesight="''"
20571                                            :starlink="''"
20572                                            :von="''"
20573                                            :onorder="''"
20574                                            :vin="'3VWBW7BU9TM003039'"
20575                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance'"
20576                                            :vehicle-badges-top-srp="'False'"
20577                                            :year="'2026'"
20578                                            :in-transit-background-color-srp="''"
20579                                            :in-transit-badge-color-srp="''"
20580                                            :in-production-background-color-srp="''"
20581                                            :in-production-badge-color-srp="''"
20582                                            @opendisclaimer="openDisclaimerPopup($event)">
20583                            </vehicle-badges>
20584
20585                                <div class="d-flex flex-wrap">
20586                                    
20587
20588
20589
20590
20591
20592
20593                                </div>
20594                        </div>
20595
20596
20597
20598                        <div class="d-flex flex-wrap srp-certified-img-section">
20599
20600
20601
20602                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/Rop_0_OiHdpUR3faAPEGqv_l174zWsEkeiJ3aqXhlBrbrJNqKS2vI1Y7RbMJ9HxO7-j3qVD8miYreIv9cLS0CU5SS-Dc0gHhjw8')">
20603                                        <img src="https://partnerstatic.
20603carfax.com/img/valuebadge/1own.svg"
20604                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
20605                                    </div>
20606                                <div class="text-center third-party-payment-tool">
20607                                    <span data-cg-vin="3VWBW7BU9TM003039" data-cg-price="26395.0"></span>
20608                                </div>
20609
20610
20611
20612
20613
20614                        </div>
20615
20616                        <div v-if="currentTheme == 'subaru'" class="mt-3">
20617                            <subaru-badge-new model="Jetta"
20618                                            year="2026"
20619                                            make="Volkswagen"
20620                                            type="Used"
20621                                            :current="'srp'"
20622                                            :transit="'False'"
20623                                            :eyesight="''"
20624                                            :starlink="''"
20625                                            :von="''"
20626                                            :onorder="''"
20627                                            :vin="'3VWBW7BU9TM003039'"
20628                                            :hide-in-transit="'False'"
20629                                            :vehicle-badges-top-srp="'False'"
20630                                            :subaru-consumer-report-class="''"
20631                                            :in-transit-background-color-srp="''"
20632                                            :in-transit-badge-color-srp="''"
20633                                            >
20634                            </subaru-badge-new>
20635                        </div>
20636
20637                    </div>
20638                </div>
20639
20640
20641
20642            </div>
20643        </a>
20644        <template v-if="true">
20645            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
20646                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VWBW7BU9TM003039'" class="vehicle-data-overlay-container"
20647                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
20648                     @keydown.esc.prevent="closeDetailsOverlay()"
20649                     @keydown.tab="srpOverlayTrapFocus($event)">
20650                    <div class="vehicle-overlay-data">
20651                        <div class="srp-overlay-options">
20652                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
20653                                <div class="d-flex align-items-center" style="gap: 20px;">
20654                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
20655                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
20656                                    <h3 class="mb-0">Options</h3>
20657                                </div>
20658                                <div>
20659                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
20660                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
20661                                </div>
20662                            </div>
20663
20664                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
20665                                <div class="overlay-nav-items px-3 pt-4">
20666                                    <div class="d-flex overlay-nav-item" tabindex="0"
20667                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU9TM003039', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU9TM003039', overlayType: '
20667share-options', label: 'Share' })">
20668                                        <em class="primaryicon-share-icon"></em>
20669                                        <span>Share</span>
20670                                    </div>
20671
20672                                        <div class="d-flex overlay-nav-item"
20673                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU9TM003039', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VWBW7BU9TM003039', overlayType: 'key-features', label: 'Key Features' })">
20674                                            <em class="primaryicon-key-features-icon"></em>
20675                                            <span>Key Features</span>
20676                                        </div>
20677                                        <div class="d-flex overlay-nav-item"
20678                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VWBW7BU9TM003039")' @keydown.enter.space.prevent='openChatAssistant("3VWBW7BU9TM003039")'>
20679                                            <em class="primaryicon-assistant-icon"></em>
20680                                            <span>Ask Us Anything</span>
20681                                        </div>
20682                                </div>
20683
20684                                <div class="pt-4 px-3 mt-3">
20685                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance")' target="_self"
20686                                        @keydown.space.prevent="$event.currentTarget.click()"
20687                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
20688                                        View Details
20689                                    </a>
20690                                </div>
20691                            </div>
20692                        </div>
20693                    </div>
20694                </div>
20695            </transition>
20696            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
20697                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VWBW7BU9TM003039'"
20698                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
20699                     @keydown.esc.prevent="navigateToDetailsOverlay()"
20700                     @keydown.tab="srpOverlayTrapFocus($event)">
20701                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
20702                        <div class="d-flex align-items-center" style="gap: 20px;">
20703                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
20704                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
20705                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
20706                        </div>
20707                        <div>
20708                            <em class="primaryicon-close-icon-gray"
20709                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
20710                        </div>
20711                    </div>
20712                    <div class="mt-3 pt-4 overlay-section-links">
20713                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
20714                        <template v-if="!isLoadingOverlayDetails">
20715                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
20716                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car?type=finance" vehicle-name="Used 202
207166 Volkswagen Jetta Sport" :page-type-id="18" :style-id="478601" class="overlay-section-content"></share-options>
20717                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
20718                        </template>
20719                    </div>
20720                </div>
20721            </transition>
20722        </template>
20723    </div>
20724        
20724<script type="application/javascript">
20725
20726            var rebatesString = "[]";
20727            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
20728            localStorage.setItem("3VV2B7AX9KM004332-rebates", formattedRebatesString);
20729
20730        </script>
20730
20731<div data-itemid="Volkswagen-Tiguan-2.0T SE-3VV2B7AX9KM004332" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
20732        <a href="https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "3VV2B7AX9KM004332", "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "30",msrp:"14900",yourPrice:"15448.0",sellingPrice:"14900",type:"Used",title:`2019 Volkswagen Tiguan 2.0T SE`},"false"==="true"), setVintoTransact("3VV2B7AX9KM004332", $event,{styleId:"0"})'
20733        @mouseleave="clearMouseHoverValue()"
20734        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
20735        used-large-box" style="height: 100%;">
20736
20737            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
20738                <div class="position-relative">
20739                    <div class="srp-top-badges">
20740                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
20741                            <div class="d-flex align-items-center gap-10">
20742                                            <div class="specials-indicator-wrapper">
20743                                                <inventory-specials-indicator
20744                                                bg-color="#9D0026 !important"
20745                                                text="Today&#x27;s Special">
20746                                                </inventory-specials-indicator>
20747                                            </div>
20748                            </div>
20749                        </div>
20750
20751                    </div>
20752
20753
20754                    <div id="EZ360_CVDP"></div>
20755
20756                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
20757                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-3VV2B7AX9KM004332'" class="vehicle-box__image">
20758                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/b6aca330b80c40628a86ab7d4b030062.jpg" class="img-fluid srp-vehiclebox-image"
20759                                    title="2019 Volkswagen Tiguan 2.0T SE" alt="2019 Volkswagen Tiguan 2.0T SE" />
20760
20761                        </div>
20762
20763                        <div class="dp-srp-evox-media-3VV2B7AX9KM004332" v-show="currentHoveredBlock === 'dp-srp-evox-media-3VV2B7AX9KM004332'"></div>
20764
20765                        <div class="vehicle-info-icon">
20766                            <em
20767                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '3VV2B7AX9KM004332')"
20768                            class="primaryicon-options-btn-new info-icon-css"
20769                            data-vin="3VV2B7AX9KM004332"
20770                            tabindex="0"
20771                            role="button"
20772                            aria-label="Vehicle info"
20773                            @click.stop.prevent="openVehicleInfoOverlay($event, '3VV2B7AX9KM004332')"
20774                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '3VV2B7AX9KM004332')"
20775                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
20776                        </div>
20777                    </div>
20778
20779
20780                    <div class="vehiclebox-info-section p-3">
20781                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
20782                            <div class="d-flex">
20783                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
20784                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
20785                                        2019 Volkswagen Tiguan 2.0T SE
20786                                    </h2>
20787                                </div>
20788                            </div>
20789                        </div>
20790
20791                        <div class="vehicle-summary-section mt-3 ">
20792                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
20793                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
20794            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):showMsrp)'>
20795                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
20796                                            <div class="mr-2" style="color:#000">
20797                                                <span id="3vv2b7ax9km004332-price-summary-label">Your Price</span>
20798                                            </div>
20799                                            <div id="3vv2b7ax9km004332-price-summary-value" class=" " style="color:#000">$15,448</div>
20800                                        </div>
20801
20802            </div>
20803            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):!showMsrp )'>
20804                                <div v-if="!unlockHideMsrp">
20805                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
20806                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
20807                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$14,900</div>
20808                                    </div>
20809                                </div>
20810
20811            </div>
20812        </div>
20813
20814                            </div>
20815
20816                                <template v-if="true">
20817                                    <div class="vehicle-summary-cta flex-1">
20818                                        <object>
20819                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
20820                <a v-if="applySecondaryDesign" href=""
20821                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
20822                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20823                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20824                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20825                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
20826                <a v-else href=""
20827                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
20828                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20829                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20830                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20831                   @mouseover="onCTABtnHover('', '', '', $event)">
20832                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
20833                    60-Second Quote
20834                </a>
20835            </div>
20836
20837                                        </object>
20838                                    </div>
20839                                </template>
20840                        </div>
20841<div class="color-black ft-16 mt-1">
20842            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
20843                Disclosure
20844            </div>
20845</div>
20846
20847
20848                        <div class="show section-separator my-4"></div>
20849
20850
20851                            <template v-if="true">
20852                                <object>
20853                                    <div class="app-level-cta-container">
20854
20855
20856
20857
20858
20859
20860
20861                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "3VV2B7AX9KM004332","false"==="true"))' class="primary-button-parent">
20862                                                    <a :style="ctaBtnStyles"
20863                                                     tabindex="0" role="button"
20864                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance", "3VV2B7AX9KM004332", "Used")'
20865                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance", "3VV2B7AX9KM004332", "Used")'
20866                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
20867                                                        {{inventorySettings.data.buttonLabel}}
20868                                                    </a>
20869                                                 </div>
20870                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
20871                                                                    <a v-if="applySecondaryDesign" href=""
20872                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
20873                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20874                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20875                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20876                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20877                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
20878                                                                    <a v-else href=""
20879                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
20880                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20881                                                                        @click.prevent="
20882                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20883                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20884                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20885                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
20886                                                                        Ask A Question
20887                                                                    </a>
20888                                                                </div>
20889                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
20890                                                                    <a v-if="applySecondary
20890Design" href=""
20891                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
20892                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20893                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20894                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20895                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
20896                                                                    <a v-else href=""
20897                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
20898                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
20899                                                                        @click.prevent="
20900                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;3VV2B7AX9KM004332&quot;,&quot;year&quot;:&quot;2019&quot;,&quot;make&quot;:&quot;Volkswagen&quot;,&quot;model&quot;:&quot;Tiguan&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:206.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;H27825A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20901                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
20902                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
20903                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
20904                                                                        Value My Trade
20905                                                                    </a>
20906                                                                </div>
20907
20908
20909
20910                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
20911                                                <a tabindex="0"
20912                                                role="button"
20913                                                @click.prevent='openSoftPullModel("72", "3VV2B7AX9KM004332", "206", "2019", "Volkswagen", "Tiguan", "2.0T SE", "59998", "Used","", $event)'
20914                                                @keydown.enter.space.prevent='openSoftPullModel("72", "3VV2B7AX9KM004332", "206", "2019", "Volkswagen", "Tiguan", "2.0T SE", "59998", "Used","", $event)'
20915                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
20916                                                style="background-color: #000000 !important; color: #FFFFFF !important"
20917                                                @mouseover="updateStyles($event, '','','')"
20918                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
20919                                                >
20920                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
20921                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
20922                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
20923                                                </a>
20924                                            </div>
20925
20926                                    </div>
20927                                </object>
20928                            </template>
20929
20930                            <div class="mt-3">
20931
20932
20933                                <div class="inventory-btns" style="width:100%;" v-cloak>
20934
20935
20936                                    <object class="d-flex flex-column primary-inventory-btn-group">
20937                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
20938                                        <div class="pi-pullup-container"></div>
20939                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
20940
20941                                        <div class="dvs_vin_btn" vin="3VV2B7AX9KM004332"></div>
20942
20943
20944
20945
20946
20947
20948                                    </object>
20949
20950
20951
20952
20953
20954
20955
20956
20957
20958                                    
20959
20960
20961
20962
20963
20964
20965
20966
20967
20968                                </div>
20969
20970
20971
20972
20973
20974
20975                            </div>
20976
20977                            <active-engage-widget v-if="isEnableActivEngageSrp"
20978                                                custom-class="py-2 ft-12"></active-engage-widget>
20979                        <div class="srp-tabs-section mt-3">
20980                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
20981                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VV2B7AX9KM004332'] || 'details') === 'details' }"
20982                                    tabindex="0" role="tab"
20983                                    aria-label="Details"
20984                                    :aria-selected="(activeTabsByVin['3VV2B7AX9KM004332'] || 'details') === 'details'"
20985                                    aria-controls="tab-panel-details-3VV2B7AX9KM004332"
20986                                    @click.stop.prevent="setActiveTab('details', '3VV2B7AX9KM004332')"
20987                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '3VV2B7AX9KM004332')">
20988                                        Details
20989                                    </div>
20990                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['3VV2B7AX9KM004332'] || 'details') === 'payments' }"
20991                                tabindex="0" role="tab"
20992                                aria-label="Pricing"
20993                                :aria-selected="(activeTabsByVin['3VV2B7AX9KM004332'] || 'details') === 'payments'"
20994                                aria-controls="tab-panel-payments-3VV2B7AX9KM004332"
20995                                @click.stop.prevent="setActiveTab('payments', '3VV2B7AX9KM004332')"
20996                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '3VV2B7AX9KM004332')">
20997                                    Pricing
20998                                </div>
20999                            </div>
21000
21001                            <div class="srp-tab-content">
21002                                <div :class="(activeTabsByVin['3VV2B7AX9KM004332'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-3VV2B7AX9KM004332" aria-label="Details">
21003                                    <div class="vehicle-details-list">
21004
21005                                            <div class="details-item-row ">
21006                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
21007                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
21008                                                        <div id="copy_vin" class="d-inline">3VV2B7AX9KM004332</div>
21009                                                    </div>
21010                                            </div>
21011
21012                                            <div class="details-item-row">
21013                                                <div class="details-item-label">Stock #</div>
21014                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
21015                                                    <div id="copy_stock" class="d-inline">H27825A</div>
21016                                                </div>
21017                                            </div>
21018
21019                                        
21020
21021                                            <div class="details-item-row">
21022                                                <div class="details-item-label">Model Code</div>
21023                                                <div class="details-item-value">#</div>
21024                                            </div>
21025
21026                                            <div class="details-item-row">
21027                                                <div class="details-item-label">Exterior</div>
21028                                                <div class="details-item-value d-flex align-items-center">
21029                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: White; border-radius: 50%"></div>
21030                                                        <div class="ml-2">Pure White</div>
21031                                                </div>
21032                                            </div>
21033
21034                                            <div class="details-item-row">
21035                                                <div class="details-item-label">Interior</div>
21036                                                <div class="details-item-value d-flex align-items-center">
21037                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Gray; border-radius: 50%; visibility:hidden;"></div>
21038                                                    <div class="ml-2 interior-word-break">Titan Black</div>
21039                                                </div>
21040                                            </div>
21041
21042                                            <div class="details-item-row">
21043                                                <div class="details-item-label">Drivetrain</div>
21044                                                <div class="details-item-value">AWD</div>
21045                                            </div>
21046
21047                                            <div class="details-item-row">
21048                                                <div class="details-item-label">Engine</div>
21049                                                        <div class="details-item-value">Intercooled Turbo Regular Unleaded I-4 2.0 L/121</div>
21050                                            </div>
21051                                            <div class="details-item-row">
21052                                                <div class="details-item-label">Transmission</div>
21053                                                <div class="details-item-value">Automatic</div>
21054                                            </div>
21055                                                <div class="details-item-row">
21056                                                    <div class="details-item-label">Mileage</div>
21057                                                    <div class="details-item-value">97,425 Miles</div>
21058                                                </div>
21059
21060                                    </div>
21061
21062                                </div>
21063                                <div :class="(activeTabsByVin['3VV2B7AX9KM004332'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-3VV2B7AX9KM004332" aria-label="Pricing">
21064                                            <div class="msrppanel-label">
21065                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):showMsrp)'>
21066
21067
21068                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-14900' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
21069                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
21070                                                                                        
21071
21072<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
21073    Selling Price
21074</div>
21075<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$14,900</div>
21076
21077
21078                                                                                    </div>
21079                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
21080                                                                                                <div>
21081                                                                                                    Doc Fee
21082                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
21083                                                                                                </div>
21084                                                                                                <div class="d-flex pl-2">
21085                                                                                                    &#x2B;$548
21086                                                                                                </div>
21087                                                                                            </div>
21088                                                                            <div id="3vv2b7ax9km004332-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
21089                                                                                <sp
21089an :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
21090                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
21091                                                                                </span>
21092                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="3vv2b7ax9km004332-unlock-discount-price"></label></span>
21093                                                                            </div>
21094                                                                            <div id="3vv2b7ax9km004332-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
21095                                                                                <div class="mr-2" style="color:#000">
21096                                                                                    <span id="3vv2b7ax9km004332-selling-price-label" class="p-0">Your Price</span>
21097                                                                                </div>
21098                                                                                <div id="3vv2b7ax9km004332-your-price-hide" class=" " style="color:#000">$15,448</div>
21099                                                                            </div>
21100                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
21101                                                                                <div class="mr-2" style="color:#000">
21102                                                                                    <span id="3vv2b7ax9km004332-selling-price-label" class="p-0">Your Price</span>
21103                                                                                </div>
21104                                                                                <div id="3vv2b7ax9km004332-your-price" class=" " style="color:#000">$15,448</div>
21105                                                                            </div>
21106
21107
21108
21109
21110                                                        <total-incentive-discount qualified-data=''
21111                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
21112                                                                                :pricedata="{'msrp':'14900','yourPrice':'15448.0'}"
21113                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
21114                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
21115                                                    <div class="color-black ft-16 mt-1">
21116            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
21117                Disclosure
21118            </div>
21119</div>
21120
21121                                                </div>
21122
21123                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "3VV2B7AX9KM004332", "false"==="true"):!showMsrp )'>
21124                                                                    <div v-if="!unlockHideMsrp">
21125                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-14900' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
21126                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
21127                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
21128                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$14,900</div>
21129                                                                        </div>
21130                                                                    </div>
21131
21132                                                </div>
21133                                            </div>
21134                                </div>
21135                            </div>
21136                        </div>
21137                        <div id="cta-params-3VV2B7AX9KM004332"
21138                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:15448.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
21139                        </div>
21140
21141                        <div>
21142
21143                            <vehicle-badges model="Tiguan"
21144                                            :current="'srp'"
21145                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
21146                                            :eyesight="''"
21147                                            :starlink="''"
21148                                            :von="''"
21149                                            :onorder="''"
21150                                            :vin="'3VV2B7AX9KM004332'"
21151                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance'"
21152                                            :vehicle-badges-top-srp="'False'"
21153                                            :year="'2019'"
21154                                            :in-transit-background-color-srp="''"
21155                                            :in-transit-badge-color-srp="''"
21156                                            :in-production-background-color-srp="''"
21157                                            :in-production-badge-color-srp="''"
21158                                            @opendisclaimer="openDisclaimerPopup($event)">
21159                            </vehicle-badges>
21160
21161                                <div class="d-flex flex-wrap">
21162                                    
21163
21164
21165
21166
21167
21168
21169                                </div>
21170                        </div>
21171
21172
21173
21174                        <div class="d-flex flex-wrap srp-certified-img-section">
21175
21176
21177
21178                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/KLiRGFkOWgRo5-9GTDZsc2C5oUsT5Jqfg3OfY4J2J4Q6rDNrSiq5DEJucR6E3bJIS--VFOqozGI2Npe9JdYqXxhm2co5zkG6JtM')">
21179                                        <img src="https://partnerstatic.
21179carfax.com/img/valuebadge/showme.svg"
21180                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
21181                                    </div>
21182                                <div class="text-center third-party-payment-tool">
21183                                    <span data-cg-vin="3VV2B7AX9KM004332" data-cg-price="15448.0"></span>
21184                                </div>
21185
21186
21187
21188
21189
21190                        </div>
21191
21192                        <div v-if="currentTheme == 'subaru'" class="mt-3">
21193                            <subaru-badge-new model="Tiguan"
21194                                            year="2019"
21195                                            make="Volkswagen"
21196                                            type="Used"
21197                                            :current="'srp'"
21198                                            :transit="'False'"
21199                                            :eyesight="''"
21200                                            :starlink="''"
21201                                            :von="''"
21202                                            :onorder="''"
21203                                            :vin="'3VV2B7AX9KM004332'"
21204                                            :hide-in-transit="'False'"
21205                                            :vehicle-badges-top-srp="'False'"
21206                                            :subaru-consumer-report-class="''"
21207                                            :in-transit-background-color-srp="''"
21208                                            :in-transit-badge-color-srp="''"
21209                                            >
21210                            </subaru-badge-new>
21211                        </div>
21212
21213                    </div>
21214                </div>
21215
21216
21217
21218            </div>
21219        </a>
21220        <template v-if="true">
21221            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
21222                <div v-if="openDetailsOverlay && selectedVinForOverlay == '3VV2B7AX9KM004332'" class="vehicle-data-overlay-container"
21223                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
21224                     @keydown.esc.prevent="closeDetailsOverlay()"
21225                     @keydown.tab="srpOverlayTrapFocus($event)">
21226                    <div class="vehicle-overlay-data">
21227                        <div class="srp-overlay-options">
21228                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
21229                                <div class="d-flex align-items-center" style="gap: 20px;">
21230                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
21231                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
21232                                    <h3 class="mb-0">Options</h3>
21233                                </div>
21234                                <div>
21235                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
21236                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
21237                                </div>
21238                            </div>
21239
21240                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
21241                                <div class="overlay-nav-items px-3 pt-4">
21242                                    <div class="d-flex overlay-nav-item" tabindex="0"
21243                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX9KM004332', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX9KM004332', overlayType: '
21243share-options', label: 'Share' })">
21244                                        <em class="primaryicon-share-icon"></em>
21245                                        <span>Share</span>
21246                                    </div>
21247
21248                                        <div class="d-flex overlay-nav-item"
21249                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX9KM004332', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '3VV2B7AX9KM004332', overlayType: 'key-features', label: 'Key Features' })">
21250                                            <em class="primaryicon-key-features-icon"></em>
21251                                            <span>Key Features</span>
21252                                        </div>
21253                                        <div class="d-flex overlay-nav-item"
21254                                        tabindex="0" role="button" @click.prevent='openChatAssistant("3VV2B7AX9KM004332")' @keydown.enter.space.prevent='openChatAssistant("3VV2B7AX9KM004332")'>
21255                                            <em class="primaryicon-assistant-icon"></em>
21256                                            <span>Ask Us Anything</span>
21257                                        </div>
21258                                </div>
21259
21260                                <div class="pt-4 px-3 mt-3">
21261                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance")' target="_self"
21262                                        @keydown.space.prevent="$event.currentTarget.click()"
21263                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
21264                                        View Details
21265                                    </a>
21266                                </div>
21267                            </div>
21268                        </div>
21269                    </div>
21270                </div>
21271            </transition>
21272            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
21273                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '3VV2B7AX9KM004332'"
21274                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
21275                     @keydown.esc.prevent="navigateToDetailsOverlay()"
21276                     @keydown.tab="srpOverlayTrapFocus($event)">
21277                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
21278                        <div class="d-flex align-items-center" style="gap: 20px;">
21279                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
21280                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
21281                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
21282                        </div>
21283                        <div>
21284                            <em class="primaryicon-close-icon-gray"
21285                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
21286                        </div>
21287                    </div>
21288                    <div class="mt-3 pt-4 overlay-section-links">
21289                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
21290                        <template v-if="!isLoadingOverlayDetails">
21291                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
21292                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility?type=finance" vehicle-name="Used 2019 Volkswagen Tiguan 2.0T SE" :page-type-id="18" :style-id="0" class="overlay-section-content"></share-options>
21293                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
21294                        </template>
21295                    </div>
21296                </div>
21297            </transition>
21298        </template>
21299    </div>
21300        
21300<script type="application/javascript">
21301
21302            var rebatesString = "[]";
21303            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
21304            localStorage.setItem("1GNEVGKW5PJ279037-rebates", formattedRebatesString);
21305
21306        </script>
21306
21307<div data-itemid="Chevrolet-Traverse-LT Cloth-1GNEVGKW5PJ279037" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
21308        <a href="https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance" target="_self" @click='vehicleDetails($event, "1GNEVGKW5PJ279037", "https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance", {vehicleCount: "32", vehicleIndex: "31",msrp:"25000",yourPrice:"25548.0",sellingPrice:"25000",type:"Used",title:`2023 Chevrolet Traverse LT Cloth`},"false"==="true"), setVintoTransact("1GNEVGKW5PJ279037", $event,{styleId:"427054"})'
21309        @mouseleave="clearMouseHoverValue()"
21310        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
21311        used-large-box" style="height: 100%;">
21312
21313            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
21314                <div class="position-relative">
21315                    <div class="srp-top-badges">
21316                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
21317                            <div class="d-flex align-items-center gap-10">
21318                                            <div class="specials-indicator-wrapper">
21319                                                <inventory-specials-indicator
21320                                                bg-color="#9D0026 !important"
21321                                                text="Today&#x27;s Special">
21322                                                </inventory-specials-indicator>
21323                                            </div>
21324                            </div>
21325                        </div>
21326
21327                    </div>
21328
21329
21330                    <div id="EZ360_CVDP"></div>
21331
21332                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
21333                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-1GNEVGKW5PJ279037'" class="vehicle-box__image">
21334                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/c58a15e46225461b91e8e4a39a7f2c4a.jpg" class="img-fluid srp-vehiclebox-image"
21335                                    title="2023 Chevrolet Traverse LT Cloth" alt="2023 Chevrolet Traverse LT Cloth" />
21336
21337                        </div>
21338
21339                        <div class="dp-srp-evox-media-1GNEVGKW5PJ279037" v-show="currentHoveredBlock === 'dp-srp-evox-media-1GNEVGKW5PJ279037'"></div>
21340
21341                        <div class="vehicle-info-icon">
21342                            <em
21343                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '1GNEVGKW5PJ279037')"
21344                            class="primaryicon-options-btn-new info-icon-css"
21345                            data-vin="1GNEVGKW5PJ279037"
21346                            tabindex="0"
21347                            role="button"
21348                            aria-label="Vehicle info"
21349                            @click.stop.prevent="openVehicleInfoOverlay($event, '1GNEVGKW5PJ279037')"
21350                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '1GNEVGKW5PJ279037')"
21351                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
21352                        </div>
21353                    </div>
21354
21355
21356                    <div class="vehiclebox-info-section p-3">
21357                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
21358                            <div class="d-flex">
21359                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
21360                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
21361                                        2023 Chevrolet Traverse LT Cloth
21362                                    </h2>
21363                                </div>
21364                            </div>
21365                        </div>
21366
21367                        <div class="vehicle-summary-section mt-3 ">
21368                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
21369                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
21370            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):showMsrp)'>
21371                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
21372                                            <div class="mr-2" style="color:#000">
21373                                                <span id="1gnevgkw5pj279037-price-summary-label">Your Price</span>
21374                                            </div>
21375                                            <div id="1gnevgkw5pj279037-price-summary-value" class=" " style="color:#000">$25,548</div>
21376                                        </div>
21377
21378            </div>
21379            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):!showMsrp )'>
21380                                <div v-if="!unlockHideMsrp">
21381                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
21382                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
21383                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,000</div>
21384                                    </div>
21385                                </div>
21386
21387            </div>
21388        </div>
21389
21390                            </div>
21391
21392                                <template v-if="true">
21393                                    <div class="vehicle-summary-cta flex-1">
21394                                        <object>
21395                                                        <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-get-a-quote')">
21396                <a v-if="applySecondaryDesign" href=""
21397                   style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
21398                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
21399                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21400                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
21401                   @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span> 60-Second Quote</a>
21402                <a v-else href=""
21403                   style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
21404                   class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
21405                   @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-get-a-quote&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;60-Second Quote&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21406                   @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
21407                   @mouseover="onCTABtnHover('', '', '', $event)">
21408                    <span class="primaryicon-Inventory-price-tag ft-16 mr-2"></span>
21409                    60-Second Quote
21410                </a>
21411            </div>
21412
21413                                        </object>
21414                                    </div>
21415                                </template>
21416                        </div>
21417<div class="color-black ft-16 mt-1">
21418            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
21419                Disclosure
21420            </div>
21421</div>
21422
21423
21424                        <div class="show section-separator my-4"></div>
21425
21426
21427                            <template v-if="true">
21428                                <object>
21429                                    <div class="app-level-cta-container">
21430
21431
21432
21433
21434
21435
21436
21437                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "1GNEVGKW5PJ279037","false"==="true"))' class="primary-button-parent">
21438                                                    <a :style="ctaBtnStyles"
21439                                                     tabindex="0" role="button"
21440                                                    @click.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance", "1GNEVGKW5PJ279037", "Used")'
21441                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance", "1GNEVGKW5PJ279037", "Used")'
21442                                                    class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 cursor-pointer">
21443                                                        {{inventorySettings.data.buttonLabel}}
21444                                                    </a>
21445                                                 </div>
21446                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('contact-us-vehicle')">
21447                                                                    <a v-if="applySecondaryDesign" href=""
21448                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
21449                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
21450                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21451                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21452                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
21453                                                                        @mouseover="onCTABtnHover('', '', '', $event)">Ask A Question</a>
21454                                                                    <a v-else href=""
21455                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
21456                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
21457                                                                        @click.prevent="
21458                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21459                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;contact-us-vehicle&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Ask A Question&quot;,&quot;formheading&quot;:&quot;Ask A Question&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21460                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
21461                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
21462                                                                        Ask A Question
21463                                                                    </a>
21464                                                                </div>
21465                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('assistant-value-trade')">
21466                                                                    <a v-if="applySecondary
21466Design" href=""
21467                                                                        style='background-color:#000 !important; color:#ffffff !important; border:  !important;'
21468                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
21469                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21470                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
21471                                                                        @mouseover="onCTABtnHover('', '', '', $event)"> <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span> Value My Trade</a>
21472                                                                    <a v-else href=""
21473                                                                        style="background-color:#000 !important; color:#ffffff !important; border:1px solid ;"
21474                                                                        class=" btn-websites button-tertiary w-100 justify-content-center mx-1 no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 srp-cta-btn"
21475                                                                        @click.prevent="
21476                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;assistant-value-trade&quot;,&quot;routeLink&quot;:&quot;/bonusoffer&quot;,&quot;vin&quot;:&quot;1GNEVGKW5PJ279037&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Chevrolet&quot;,&quot;model&quot;:&quot;Traverse&quot;,&quot;dealerId&quot;:59998,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;Value My Trade&quot;,&quot;formheading&quot;:&quot;&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.0,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance&quot;,&quot;stockNumber&quot;:&quot;C50536A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
21477                                                                        @mouseleave="onCTABtnLeave('#000', '#ffffff', '', $event)"
21478                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
21479                                                                         <span class="primaryicon-Value-Your-Trade ft-16 mr-2"></span>
21480                                                                        Value My Trade
21481                                                                    </a>
21482                                                                </div>
21483
21484
21485
21486                                            <div class="primary-button-parent" v-if="getSoftPullSettings">
21487                                                <a tabindex="0"
21488                                                role="button"
21489                                                @click.prevent='openSoftPullModel("0", "1GNEVGKW5PJ279037", "0", "2023", "Chevrolet", "Traverse", "LT Cloth", "59998", "Used","", $event)'
21490                                                @keydown.enter.space.prevent='openSoftPullModel("0", "1GNEVGKW5PJ279037", "0", "2023", "Chevrolet", "Traverse", "LT Cloth", "59998", "Used","", $event)'
21491                                                class="w-100 justify-content-center mx-1 bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons ft-12 text-center btn-pd-0 btn-websites button-tertiary cursor-pointer"
21492                                                style="background-color: #000000 !important; color: #FFFFFF !important"
21493                                                @mouseover="updateStyles($event, '','','')"
21494                                                @mouseleave="onLeave($event, '#000000','#FFFFFF','')"
21495                                                >
21496                                                    <span class="certified-logo mr-1" v-html="softPullSvg"></span>
21497                                                    <span class="softpull-btn-primary-text-animation">{{getSoftPullSettings.softPullSRPButtonLabel ? getSoftPullSettings.softPullSRPButtonLabel : "Get Pre-approved Now"}}</span>
21498                                                    <span class="softpull-btn-secondary-text-animation">No impact on your credit</span>
21499                                                </a>
21500                                            </div>
21501
21502                                    </div>
21503                                </object>
21504                            </template>
21505
21506                            <div class="mt-3">
21507
21508
21509                                <div class="inventory-btns" style="width:100%;" v-cloak>
21510
21511
21512                                    <object class="d-flex flex-column primary-inventory-btn-group">
21513                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
21514                                        <div class="pi-pullup-container"></div>
21515                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
21516
21517                                        <div class="dvs_vin_btn" vin="1GNEVGKW5PJ279037"></div>
21518
21519
21520
21521
21522
21523
21524                                    </object>
21525
21526
21527
21528
21529
21530
21531
21532
21533
21534                                    
21535
21536
21537
21538
21539
21540
21541
21542
21543
21544                                </div>
21545
21546
21547
21548
21549
21550
21551                            </div>
21552
21553                            <active-engage-widget v-if="isEnableActivEngageSrp"
21554                                                custom-class="py-2 ft-12"></active-engage-widget>
21555                        <div class="srp-tabs-section mt-3">
21556                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
21557                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1GNEVGKW5PJ279037'] || 'details') === 'details' }"
21558                                    tabindex="0" role="tab"
21559                                    aria-label="Details"
21560                                    :aria-selected="(activeTabsByVin['1GNEVGKW5PJ279037'] || 'details') === 'details'"
21561                                    aria-controls="tab-panel-details-1GNEVGKW5PJ279037"
21562                                    @click.stop.prevent="setActiveTab('details', '1GNEVGKW5PJ279037')"
21563                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '1GNEVGKW5PJ279037')">
21564                                        Details
21565                                    </div>
21566                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['1GNEVGKW5PJ279037'] || 'details') === 'payments' }"
21567                                tabindex="0" role="tab"
21568                                aria-label="Pricing"
21569                                :aria-selected="(activeTabsByVin['1GNEVGKW5PJ279037'] || 'details') === 'payments'"
21570                                aria-controls="tab-panel-payments-1GNEVGKW5PJ279037"
21571                                @click.stop.prevent="setActiveTab('payments', '1GNEVGKW5PJ279037')"
21572                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '1GNEVGKW5PJ279037')">
21573                                    Pricing
21574                                </div>
21575                            </div>
21576
21577                            <div class="srp-tab-content">
21578                                <div :class="(activeTabsByVin['1GNEVGKW5PJ279037'] || 'details') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-1GNEVGKW5PJ279037" aria-label="Details">
21579                                    <div class="vehicle-details-list">
21580
21581                                            <div class="details-item-row ">
21582                                                    <div class="vin details-item-label text-uppercase">vin&nbsp;</div>
21583                                                    <div class="vin select-text details-item-value invoca-phone-do-not-replace" @click.prevent="copyText('copy_vin')" style="cursor: copy;">
21584                                                        <div id="copy_vin" class="d-inline">1GNEVGKW5PJ279037</div>
21585                                                    </div>
21586                                            </div>
21587
21588                                            <div class="details-item-row">
21589                                                <div class="details-item-label">Stock #</div>
21590                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
21591                                                    <div id="copy_stock" class="d-inline">C50536A</div>
21592                                                </div>
21593                                            </div>
21594
21595                                        
21596
21597                                            <div class="details-item-row">
21598                                                <div class="details-item-label">Model Code</div>
21599                                                <div class="details-item-value">#1NW56</div>
21600                                            </div>
21601
21602                                            <div class="details-item-row">
21603                                                <div class="details-item-label">Exterior</div>
21604                                                <div class="details-item-value d-flex align-items-center">
21605                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: #110F0F; border-radius: 50%"></div>
21606                                                        <div class="ml-2">Mosaic Black Metallic</div>
21607                                                </div>
21608                                            </div>
21609
21610                                            <div class="details-item-row">
21611                                                <div class="details-item-label">Interior</div>
21612                                                <div class="details-item-value d-flex align-items-center">
21613                                                        <div class="border-grey" style="min-width: 15px; height: 15px; background-color: Black; border-radius: 50%; visibility:hidden;"></div>
21614                                                    <div class="ml-2 interior-word-break">Jet Black</div>
21615                                                </div>
21616                                            </div>
21617
21618                                            <div class="details-item-row">
21619                                                <div class="details-item-label">Drivetrain</div>
21620                                                <div class="details-item-value">AWD</div>
21621                                            </div>
21622
21623                                            <div class="details-item-row">
21624                                                <div class="details-item-label">Engine</div>
21625                                                        <div class="details-item-value">Gas V6 3.6L/217</div>
21626                                            </div>
21627                                            <div class="details-item-row">
21628                                                <div class="details-item-label">Transmission</div>
21629                                                <div class="details-item-value">Automatic</div>
21630                                            </div>
21631                                                <div class="details-item-row">
21632                                                    <div class="details-item-label">Mileage</div>
21633                                                    <div class="details-item-value">90,359 Miles</div>
21634                                                </div>
21635
21636                                    </div>
21637
21638                                </div>
21639                                <div :class="(activeTabsByVin['1GNEVGKW5PJ279037'] || 'details') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-1GNEVGKW5PJ279037" aria-label="Pricing">
21640                                            <div class="msrppanel-label">
21641                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):showMsrp)'>
21642
21643
21644                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25000' :sh
21644owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
21645                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
21646                                                                                        
21647
21648<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
21649    Selling Price
21650</div>
21651<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,000</div>
21652
21653
21654                                                                                    </div>
21655                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
21656                                                                                                <div>
21657                                                                                                    Doc Fee
21658                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
21659                                                                                                </div>
21660                                                                                                <div class="d-flex pl-2">
21661                                                                                                    &#x2B;$548
21662                                                                                                </div>
21663                                                                                            </div>
21664                                                                            <div id="1gnevgkw5pj279037-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
21665                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
21666                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
21667                                                                                </span>
21668                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="1gnevgkw5pj279037-unlock-discount-price"></label></span>
21669                                                                            </div>
21670                                                                            <div id="1gnevgkw5pj279037-your-price-div-hide" style="display: none !important;" class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
21671                                                                                <div class="mr-2" style="color:#000">
21672                                                                                    <span id="1gnevgkw5pj279037-selling-price-label" class="p-0">Your Price</span>
21673                                                                                </div>
21674                                                                                <div id="1gnevgkw5pj279037-your-price-hide" class=" " style="color:#000">$25,548</div>
21675                                                                            </div>
21676                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
21677                                                                                <div class="mr-2" style="color:#000">
21678                                                                                    <sp
21678an id="1gnevgkw5pj279037-selling-price-label" class="p-0">Your Price</span>
21679                                                                                </div>
21680                                                                                <div id="1gnevgkw5pj279037-your-price" class=" " style="color:#000">$25,548</div>
21681                                                                            </div>
21682
21683
21684
21685
21686                                                        <total-incentive-discount qualified-data=''
21687                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
21688                                                                                :pricedata="{'msrp':'25000','yourPrice':'25548.0'}"
21689                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
21690                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
21691                                                    <div class="color-black ft-16 mt-1">
21692            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price is plus tax, tags, and fees. Subject to availability.`,$event)'>
21693                Disclosure
21694            </div>
21695</div>
21696
21697                                                </div>
21698
21699                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "1GNEVGKW5PJ279037", "false"==="true"):!showMsrp )'>
21700                                                                    <div v-if="!unlockHideMsrp">
21701                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25000' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
21702                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
21703                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">MSRP</div>
21704                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,000</div>
21705                                                                        </div>
21706                                                                    </div>
21707
21708                                                </div>
21709                                            </div>
21710                                </div>
21711                            </div>
21712                        </div>
21713                        <div id="cta-params-1GNEVGKW5PJ279037"
21714                             data-cta-params="{&quot;priceLabel&quot;:&quot;Selling Price&quot;,&quot;priceValue&quot;:25548.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
21715                        </div>
21716
21717                        <div>
21718
21719                            <vehicle-badges model="Traverse"
21720                                            :current="'srp'"
21721                                            :vehiclebadges="`{&quot;InTransit&quot;:{&quot;InTransitStatus&quot;:false,&quot;InTransitDisclaimer&quot;:&quot;&quot;,&quot;HideInTransit&quot;:false},&quot;InProduction&quot;:{&quot;InProductionStatus&quot;:false,&quot;InProductionDisclaimer&quot;:&quot;&quot;,&quot;HideInProduction&quot;:false},&quot;InStock&quot;:{&quot;InStockStatus&quot;:true,&quot;InStockDisclaimer&quot;:&quot;&quot;,&quot;HideInStock&quot;:true},&quot;InService&quot;:{&quot;InServiceStatus&quot;:null,&quot;HideInService&quot;:true},&quot;IsReserved&quot;:{&quot;IsReservedStatus&quot;:null,&quot;IsReservedDisclaimer&quot;:null,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:&quot;&quot;},&quot;ViewFordDirectVideo&quot;:{&quot;VideoId&quot;:null},&quot;ViewOnOrder&quot;:{&quot;ViewOnOrderStatus&quot;:null},&quot;BMW_M&quot;:{&quot;BMW_M_Status&quot;:false},&quot;BMW_BEV&quot;:{&quot;BMW_BEV_Status&quot;:false,&quot;BMW_BEV_Disclaimer&quot;:&quot;&quot;},&quot;BMW_PHEV&quot;:{&quot;BMW_PHEV_Status&quot;:false,&quot;BMW_PHEV_Disclaimer&quot;:&quot;&quot;},&quot;ElectrifyAmerica&quot;:{&quot;ElectrifyAmerica_Status&quot;:false,&quot;ElectrifyAmericaDisclaimer&quot;:&quot;&quot;},&quot;IsDemo&quot;:{&quot;IsDemoStatus&quot;:false,&quot;IsDemoDisclaimer&quot;:null},&quot;IsLoaner&quot;:{&quot;IsLoanerStatus&quot;:false},&quot;oem_ProgramEligibility&quot;:{&quot;oem_ProgramEligibility&quot;:null},&quot;ToyotaSafetySense&quot;:{&quot;ToyotaSafetySense_Status&quot;:false},&quot;SmartPathToyotaDisplayMessage&quot;:{&quot;DisplayMessage&quot;:&quot;&quot;},&quot;bravoBadgeObj&quot;:{&quot;ShowCarBravoBadge&quot;:false,&quot;ShowBravoBudgetBadge&quot;:false}}`"
21722                                            :eyesight="''"
21723                                            :starlink="''"
21724                                            :von="''"
21725                                            :onorder="''"
21726                                            :vin="'1GNEVGKW5PJ279037'"
21727                                            :route="'https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance'"
21728                                            :vehicle-badges-top-srp="'False'"
21729                                            :year="'2023'"
21730                                            :in-transit-background-color-srp="''"
21731                                            :in-transit-badge-color-srp="''"
21732                                            :in-production-background-color-srp="''"
21733                                            :in-production-badge-color-srp="''"
21734                                            @opendisclaimer="openDisclaimerPopup($event)">
21735                            </vehicle-badges>
21736
21737                                <div class="d-flex flex-wrap">
21738                                    
21739
21740
21741
21742
21743
21744
21745                                </div>
21746                        </div>
21747
21748
21749
21750                        <div class="d-flex flex-wrap srp-certified-img-section">
21751
21752
21753
21754                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/Er0_rew8xhBKpt7ypft_YOEybadqr8bSneHJDi0M9Ij_vLXOdysyobYKlc8tNDOiqanqDlkaj-bFjjpcpsnWLasCTYXs_FNYsS8')">
21755                                        <img src="https://partnerstatic.
21755carfax.com/img/valuebadge/1own_good.svg"
21756                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
21757                                    </div>
21758                                <div class="text-center third-party-payment-tool">
21759                                    <span data-cg-vin="1GNEVGKW5PJ279037" data-cg-price="25548.0"></span>
21760                                </div>
21761
21762
21763
21764
21765
21766                        </div>
21767
21768                        <div v-if="currentTheme == 'subaru'" class="mt-3">
21769                            <subaru-badge-new model="Traverse"
21770                                            year="2023"
21771                                            make="Chevrolet"
21772                                            type="Used"
21773                                            :current="'srp'"
21774                                            :transit="'False'"
21775                                            :eyesight="''"
21776                                            :starlink="''"
21777                                            :von="''"
21778                                            :onorder="''"
21779                                            :vin="'1GNEVGKW5PJ279037'"
21780                                            :hide-in-transit="'False'"
21781                                            :vehicle-badges-top-srp="'False'"
21782                                            :subaru-consumer-report-class="''"
21783                                            :in-transit-background-color-srp="''"
21784                                            :in-transit-badge-color-srp="''"
21785                                            >
21786                            </subaru-badge-new>
21787                        </div>
21788
21789                    </div>
21790                </div>
21791
21792
21793
21794            </div>
21795        </a>
21796        <template v-if="true">
21797            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
21798                <div v-if="openDetailsOverlay && selectedVinForOverlay == '1GNEVGKW5PJ279037'" class="vehicle-data-overlay-container"
21799                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
21800                     @keydown.esc.prevent="closeDetailsOverlay()"
21801                     @keydown.tab="srpOverlayTrapFocus($event)">
21802                    <div class="vehicle-overlay-data">
21803                        <div class="srp-overlay-options">
21804                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
21805                                <div class="d-flex align-items-center" style="gap: 20px;">
21806                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
21807                                     aria-label="Back" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
21808                                    <h3 class="mb-0">Options</h3>
21809                                </div>
21810                                <div>
21811                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
21812                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
21813                                </div>
21814                            </div>
21815
21816                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
21817                                <div class="overlay-nav-items px-3 pt-4">
21818                                    <div class="d-flex overlay-nav-item" tabindex="0"
21819                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1GNEVGKW5PJ279037', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1GNEVGKW5PJ279037', overlayType: '
21819share-options', label: 'Share' })">
21820                                        <em class="primaryicon-share-icon"></em>
21821                                        <span>Share</span>
21822                                    </div>
21823
21824                                        <div class="d-flex overlay-nav-item"
21825                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '1GNEVGKW5PJ279037', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '1GNEVGKW5PJ279037', overlayType: 'key-features', label: 'Key Features' })">
21826                                            <em class="primaryicon-key-features-icon"></em>
21827                                            <span>Key Features</span>
21828                                        </div>
21829                                        <div class="d-flex overlay-nav-item"
21830                                        tabindex="0" role="button" @click.prevent='openChatAssistant("1GNEVGKW5PJ279037")' @keydown.enter.space.prevent='openChatAssistant("1GNEVGKW5PJ279037")'>
21831                                            <em class="primaryicon-assistant-icon"></em>
21832                                            <span>Ask Us Anything</span>
21833                                        </div>
21834                                </div>
21835
21836                                <div class="pt-4 px-3 mt-3">
21837                                    <a href="https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance" @click='logTagClickEvents("View Details","https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance")' target="_self"
21838                                        @keydown.space.prevent="$event.currentTarget.click()"
21839                                        class="justify-content-center bgcolor-primary text-white no-hover d-flex align-items-center py-2 px-2 rounded-buttons text-center btn-pd-0 btn-websites button-tertiary" style="background-color:;color:;border:">
21840                                        View Details
21841                                    </a>
21842                                </div>
21843                            </div>
21844                        </div>
21845                    </div>
21846                </div>
21847            </transition>
21848            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
21849                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '1GNEVGKW5PJ279037'"
21850                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
21851                     @keydown.esc.prevent="navigateToDetailsOverlay()"
21852                     @keydown.tab="srpOverlayTrapFocus($event)">
21853                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
21854                        <div class="d-flex align-items-center" style="gap: 20px;">
21855                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
21856                            tabindex="0" role="button" aria-label="Back" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span data-v-9364c830="" class="path1"></span><span data-v-9364c830="" class="path2"></span></em>
21857                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
21858                        </div>
21859                        <div>
21860                            <em class="primaryicon-close-icon-gray"
21861                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
21862                        </div>
21863                    </div>
21864                    <div class="mt-3 pt-4 overlay-section-links">
21865                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
21866                        <template v-if="!isLoadingOverlayDetails">
21867                            <key-features-by-vin v-if="overlayActiveSection === 'key-features'" :vin="selectedVinForOverlay" :key-features-list="overlayVinVehicleDetails.subcategories" class="overlay-section-content pl-4 overlay-key-features"></key-features-by-vin>
21868                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility?type=finance" vehicle-name="Used 2023 Chevrolet Traverse LT Cloth" :page-type-id="18" :style-id="427054" class="overlay-section-content"></share-options>
21869                            <vehicle-details-by-vin v-if="overlayActiveSection === 'vehicle-details'" :settings="vehicleDetailsSettings" :vehicle-details="overlayVinVehicleDetails" class="overlay-section-content px-2 overlay-vehicle-details"></vehicle-details-by-vin>
21870                        </template>
21871                    </div>
21872                </div>
21873            </transition>
21874        </template>
21875    </div>
21876</div>
21877<transact-button v-if="showTransactWidget" :vin="transactVin" call-from="srp" @closeexternaltransact="closeTransactWidget()"> </transact-button>
21878<evn-video-player-model v-if="showEvnModelPopup" :video-id="vinRealVideoId" @hidemodal="hideEvnVideoModel()"> </evn-video-player-model>
21879<sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
21880                   :dealerurl="'https://www.commonwealthnissan.com/identitylogin'"></sign-in-modal>
21881<registration-modal> </registration-modal>
21882
21883    <unlock-price-discount-modal
21884      v-if="showUnlockDiscountModel"
21885      :vin="discountModelEventData.vin"
21886      :style-id="discountModelEventData.styleId"
21887      :vdp-account-id="discountModelEventData.vdpAccountId"
21888      :inventory-type="discountModelEventData.inventoryType"
21889      :unlock-data="unlockCtaDiscountEventDataByType"
21890      :discount-model-data="discountModelEventData"
21891      :final-adjustment-price="discountModelEventData.adjustmentPrice"
21892      @hidemodal="showUnlockDiscountModel = false"
21893      @loadpayments="loadPaymentsForUnlockDiscount"
21894    > </unlock-price-discount-modal>
21895
21896<b-modal v-model="showCustomLeadForm" id="showCustomLeadForm" hide-footer hide-header v-if="ctaCustomLeadFormId" modal-class="custom-lead-form-modal styled-mobile-custom-lead-form">
21897    <div class="custom_lead_forms">
21898        <div class="close_modal_icon text-right"><a @click.prevent="showCustomLeadForm = false" class="primaryicon-times text-dark cursor-pointer" style="text-decoration:none;opacity:0.5;"><span class="d-none">&nbsp;</span></a></div>
21899        <custom-lead-form :lead-type-id="Number(ctaCustomLeadFormId)" title=""
21900                          subheading="" heading="" :is-loading="true" :vin="ctaVin"></custom-lead-form>
21901    </div>
21902</b-modal>
21903<call-buttons v-if="showCTAModal" :display-close-btn="true" @hidemodal="showCTAModal = false" ></call-buttons>
21904<iframe-modal-auto v-if="showAutoCheckoutPopup" @hidemodal="showAutoCheckoutPopup = false" :url="autoCheckUrlValue"></iframe-modal-auto>
21905<cta-buttons-lead-form @onclose="openCTAButtonName=''"
21906                       :buttontype="openCTAButtonName" v-if="openCTAButtonName"></cta-buttons-lead-form>
21907
21908<inventory-listing-unlock-savings @hidemodal="opentheunlock=false"
21909                                  v-if="opentheunlock" :redirect="redirectUrl" :vin="unLockVin"></inventory-listing-unlock-savings>
21910
21911<pre-qualified-form-model :show-call-for-price-srp-used="'False' === 'True'" :show-call-for-price-srp-label-new="''"
21912                          :show-call-for-price-srp-label-used="''" :show-call-for-price-srp-new="'False' === 'True'"
21913                          msrplabel="MSRP" :srp-dealer-id="dealerId" :price-unlock-enabled="isUnLockFormEnabled" :srp="true" :vin="ctaVin" :term="term" v-if="showSoftPullModel" @hidemodal="closeSoftPullModal()"></pre-qualified-form-model>
21914
21915<schedule-test-drive-form v-if="showMaseratiTestDrivePopup"
21916                          @hidemodal="showMaseratiTestDrivePopup = false" details='{"FirstName":" ","LastName":" ",
21917                              "EmailAddress":" ","PhoneNumber":" "}'></schedule-test-drive-form>
21918<loading-bar v-if="showLoading" />
21919
21920
21921
21922<script type="application/javascript">
21923    window.smartPathIntegrationInventory = '';
21924    window.isMaseratiGrecaleSRPPopUp = 'False'.toLowerCase() === "true";
21925    window.isMaseratiGranTurismoSRPPopUp='False'.toLowerCase() === "true";
21926    window.finalConditionalPriceLabel = '';
21927    window.genesisCPOBadgefromSRP = 'False'.toLowerCase() === "true";
21928</script>
21928
21929
21930
21931          </div>
21932          <div>
21933              <div class="mb-3 py-3 d-flex justify-content-end">
21934                
21935<div>
21936    <ul class="inventory-pagination pagination m-0">
21937
21938                <li class="page-item active">
21939                    <a  @Click="paginationClick(`page 1`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1"
21940                       rel="">1</a>
21941                </li>
21942                <li class="page-item ">
21943                    <a  @Click="paginationClick(`page 2`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2"
21944                       rel="next">2</a>
21945                </li>
21946                <li class="page-item ">
21947                    <a  @Click="paginationClick(`page 3`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=3"
21948                       rel="">3</a>
21949                </li>
21950                <li class="page-item ">
21951                    <a  @Click="paginationClick(`page 4`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=4"
21952                       rel="">4</a>
21953                </li>
21954                <li class="page-item ">
21955                    <a  @Click="paginationClick(`page 5`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5"
21956                       rel="">5</a>
21957                </li>
21958
21959            <li class="page-item">
21960                <a  @Click="paginationClick(`page 2`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2" rel="" aria-label="Go to next page"><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
21961            </li>
21962            <li class="page-item">
21963                <a  @Click="paginationClick(`page 5`,`https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5`)"  class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.commonwealthnissan.com/inventory/used?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=5" rel="" aria-label="Go to last page"><em class="primaryicon-right-arrow" aria-hidden="true"></em><em class="primaryicon-right-arrow" aria-hidden="true"></em></a>
21964            </li>
21965
21966    </ul>
21967</div>
21968
21969                <button @click="scrollToTop()" class="btn bgcolor-primary text-white ml-3 back-to-top-btn">Back to Top</button>
21970              </div>
21971          </div>
21972               <div id="seo-text" class="my-4 ft-12 text-justify container"><div id="ncs-landing" data-dt-rel="115046"></div></div>
21973          
21974			 <common-disclaimer :custom-attributes="{'id':'srp-disclaimer','classList':'disclaimer-text my-4 ft-12 text-justify container'}" disclaimer-type="themeLevelDisclaimer" disclaimer-key="inventoryUsedSRPDisclaimerText" ></common-disclaimer>
21975
21976
21977        </div>
21978      </div>
21979    </div>
21980  <videopopup-modal v-if="showVideoPopupModal" @hidemodal="showVideoPopupModal=false" :videourl="''" :videoctaname="''" :videoctalink="''"></videopopup-modal>
21981
21982  <text-modal v-if="showdisclaimermodal" @hidemodal="showdisclaimermodal=false" :text="disclaimertext" :title="'Disclosure'"></text-modal>
21983</div>
21984  
21984<script src="https://prod.cdn.secureoffersites.com/dist/p1143/vue3/js/inventory.js" defer></script>
21984
21985
21986<style>
21987  .display_hide {
21988    display: none !important;
21989  }
21990
21991  .display_show {
21992    display: block;
21993  }
21994</style>
21995
21996
21997<style>
21998	.cta__mycreditdrive_imgContainer img {
21999	  width: 75px !important;
22000	}
22001	.cta__mycreditdrive__modalLaunch_buttonLaunch {
22002	  display: flex !important;
22003	  justify-content: center !important;
22004	  min-height: auto !important;
22005	  border-radius: 0px !important;
22006	}
22007	.cta__mycreditdrive_titlecontainer {
22008	  display: flex !important;
22009	  flex-direction: column !important;
22010	  width: 100% !important;
22011	}
22012	.cta__mycreditdrive_titlecontainer h4,
22013	.cta__mycreditdrive_titlecontainer h6 {
22014	  text-align: left !important;
22015	  margin: 0 !important;
22016	  padding: 0 !important;
22017	}
22018</style>
22019
22020
22021      </div>
22022    </div>
22023
22024    <div class="website-gemini-footer w-100 Website_Gemini_header_Utility_Footer">
22025          <div id="main-footer">
22026          <main-footer></main-footer>
22027          </div>
22028    </div>
22029
22030  </div>
22031  
22032  
22033    
22034
22035  
22036
22037
22038
22039
22040
22041
22042
22043
22044<script type="text/javascript">
22045    var hl_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
22046    var hl_script = document.createElement("script");
22047    hl_script.src = hl_protocol + 'www.incentivesnetwork.net/Delivery/ClientPaths/nissan/Delivery.aspx?SiteID=5307&PgID=used_inventory&ProviderID=teamvelocity';
22048    hl_script.type = 'text/javascript';
22049    hl_script.id = "HL_ScriptCall";
22050    document.getElementsByTagName('head')[0].appendChild(hl_script);
22051</script>
22051
22052
22053
22054
22055
22056
22057    
22057<script id="snapshot" type="text/javascript" src="https://snapshot.carfax.com/latest/snapshot.js"></script>
22057
22058
22059
22060
22061
22062
22063
22064
22065    
22065<script>
22066        var CarGurus = window.CarGurus || {}; window.CarGurus = CarGurus;
22067        CarGurus.DealRatingBadge = window.CarGurus.DealRatingBadge || {};
22068        CarGurus.DealRatingBadge.options = {
22069        "style": "STYLE1",
22070        "minRating": "FAIR_PRICE",
22071        "defaultHeight": "60"
22072        };
22073
22074        (function () {
22075        var script = document.createElement('script');
22076        script.src = "https://static.cargurus.com/js/api/en_US/1.0/dealratingbadge.js";
22077        script.async = true;
22078        var entry = document.getElementsByTagName('script')[0];
22079        entry.parentNode.insertBefore(script, entry);
22080        })();
22081    </script>
22081
22082
22083
22084
22085
22086
22087
22088
22089
22090
22091
22092
22093
22094
22095
22096
22097
22098
22099
22100
22101
22102  
22103
22104<style>
22105    .social-icons a {
22106    border: 2px solid #d1d0d0;
22107    background: transparent !important;
22108    line-height: 30px !important;
22109    }
22110    .dnsmpi a {
22111        background-color: #fff;
22112        display: block;
22113        text-align: center;
22114        color: #000 !important;
22115        border-radius: 10px;
22116    }
22117</style>
22118
22119
22120        <style>
22121            #_website_gemini .gemini-footer  .gemini-footer-text-color {
22122            color: #000000 !important;
22123            }
22124            #_website_gemini .gemini-footer  .gemini-footer-text-color .color-primary {
22125            color: #000000 !important;
22126            }
22127            #_website_gemini .gemini-footer  .gemini-footer-text-color .color-secondary{
22128            color: #000000 !important;
22129            }
22130            #_website_gemini .gemini-footer._theme_footer h3.color-primary {
22131            color: #000000 !important;
22132            }
22133            #_website_gemini .gemini-footer._theme_footer_icons.color-primary {
22134            color: #000000 !important;
22135            }
22136            #_website_gemini .gemini-footer._theme_footer .contact-us-btn.color-primary {
22137            color: #000000 !important;
22138            }
22139            #_website_gemini .gemini-footer  ._theme_top_border_color {
22140            border-color: #000000 !important;
22141            }
22142            #_website_gemini .gemini-footer  ._theme_footer_border_color {
22143            border-color: #000000 !important;
22144            }
22145            #_website_gemini .gemini-footer  ._theme_mobile_footer_text_color {
22146            color: #000000 !important;
22147            }
22148            #_website_gemini .gemini-footer  a._theme_mobile_footer_text_color {
22149            color: #000000 !important;
22150            }
22151            #_website_gemini .gemini-footer  a._theme_mobile_footer_text_color:hover {
22152            color: #000000 !important;
22153            }
22154            #_website_gemini #aston-martin-footer .dynamicfooter a {
22155            color: #000000 !important;
22156            }
22157            #_website_gemini #ferrari-footer .dynamicfooter a {
22158            color: #000000 !important;
22159            }
22160            #_website_gemini #ferrari-footer .footer-details-container .color-secondary {
22161            color: #000000 !important;
22162            }
22163        </style>
22164
22165        <style>
22166
22167            #_website_gemini .gemini-footer  .footer-option-links a,#_website_gemini .gemini-footer  .footer-option-links span{
22168            color: #000000 !important;
22169            }
22170             #_website_gemini .gemini-footer .footer-option-links a:hover {
22171            color: #000000 !important;
22172            }
22173        </style>
22174
22175
22176
22177
22178
22179
22180
22181
22182
22183
22184
22185    
22186
22187  
22187<script type="text/javascript">
22188(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('send', 'pageview');</script>
vendor: 102 bytes, lines 22188-22193
22188
22189  
22190
22191
22192
22193<script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
22193G-R86HMFVNVP
vendor: 12 bytes, line 22193
22193"></script>
22194<script>
22195  
vendor: 134 bytes, lines 22195-22199
22195window.dataLayer = window.dataLayer || [];
22196  function gtag(){dataLayer.push(arguments);}
22197  gtag('js', new Date());
22198
22199  gtag('config', '
22199G-R86HMFVNVP
vendor: 26 bytes, line 22199
22199', {groups: 'ascgroup'});
22200</script>
vendor: 104 bytes, lines 22200-22201
22200
22201        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
22201G-ZK0F3GN7H7
vendor: 20 bytes, lines 22201-22202
22201"></script>
22202        
22202<script type="text/javascript" class="">
22203   
vendor: 167 bytes, lines 22203-22207
22203window.dataLayer = window.dataLayer || [];
22204            function gtag() { dataLayer.push(arguments); }
22205            gtag('js', new Date());
22206
22207            gtag('config', '
22207G-ZK0F3GN7H7
vendor: 30 bytes, lines 22207-22208
22207', {groups: 'ascgroup'});
22208    
22208</script>
vendor: 104 bytes, lines 22208-22209
22208
22209        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
22209G-22TYF1V49B
vendor: 20 bytes, lines 22209-22210
22209"></script>
22210        
22210<script type="text/javascript" class="">
22211   
vendor: 167 bytes, lines 22211-22215
22211window.dataLayer = window.dataLayer || [];
22212            function gtag() { dataLayer.push(arguments); }
22213            gtag('js', new Date());
22214
22215            gtag('config', '
22215G-22TYF1V49B
vendor: 30 bytes, lines 22215-22216
22215', {groups: 'ascgroup'});
22216    
22216</script>
vendor: 104 bytes, lines 22216-22217
22216
22217        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
22217G-9P5XKKGPLX
vendor: 20 bytes, lines 22217-22218
22217"></script>
22218        
22218<script type="text/javascript" class="">
22219        
vendor: 155 bytes, lines 22219-22223
22219window.dataLayer = window.dataLayer || [];
22220        function gtag() { dataLayer.push(arguments); }
22221        gtag('js', new Date());
22222
22223        gtag('config', '
22223G-9P5XKKGPLX
vendor: 32 bytes, lines 22223-22224
22223', { groups: 'ascgroup' });
22224    
22224</script>
22224
22225
22226<script src="https://js.ipredictive.com/viant_universal_pixel.js" type="text/javascript"></script>
vendor: 1 bytes, line 22226
22226
22227<script type="text/javascript">
22228    new ViantUniversalPixel(117234, 'https://ad.ipredictive.com/d/track/event',
22229    {
22230  "ps": "0"
22231}).fire();
22232</script>
22232
22233<noscript>
22234    <img src="https://ad.ipredictive.com/d/track/event?upid=117234&url=[url]&cache_buster=[timestamp]&ps=1" height="1" width="1" style="display:none" />
22235</noscript>
22235<script async src="https://js.adsrvr.org/up_loader.3.0.0.js"></script>
22235
22236        
22236<script>
22237            window.ttdConversionEventsLayer = window.ttdConversionEventsLayer || [];
22238            function ttdConversionEvents() {
22239                window.ttdConversionEventsLayer.push(arguments);
22240            }
22241            
22242            ttdConversionEvents("init", {
22243                advertiserId: "i2jc06u",
22244                pixelIds: ["b87yz0p"]
22245            });
22246
22247            ttdConversionEvents("event", {
22248               advertiserId: "i2jc06u",
22249               pixelIds: ["b87yz0p"]
22250           });
22251        </script>
22251<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 22251-22252
22251
22252<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
22252GTM-KCCN5P2
vendor: 83 bytes, lines 22252-22253
22252"
22253height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
22254<!-- End Google Tag Manager (noscript) --><!-- Foureyes Script -->
22255    
22255<script type="text/javascript" async src="//scripts.foureyes.io/fe-init.js"></script>
22255<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 22255
22255 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
22255GTM-WZ4BM5BJ
vendor: 83 bytes, line 22255
22255" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
22255<!-- End Google Tag Manager (noscript) -->
22255<script>
22256        !function(w,d,s,t,a){if(w.amzn)return;w.amzn=a=function(){w.amzn.q.push([arguments,(new Date).getTime()])};a.q=[];a.version="0.0";s=d.createElement("script");s.src="https://c.amazon-adsystem.com/aat/amzn.js";s.id="amzn-pixel";s.async=true;t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t)}(window,document);
22257        amzn("setRegion", "NA");
22258        amzn("addTag", "253a2b35-6e1e-4260-b443-6b493939baee");
22259        amzn("trackEvent", "PageView");
22260  </script>
22260<script>(function(){ var s = document.createElement('script'), e = ! document.body ? document.querySelector('head') : document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'left', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 175, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 125, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script>
22260
22261  
22261<script>
22262        function googleBingCustomEvent(e, t, o, n, a) { googleCustomEvent(e, t, o, n, a), bingCustomEvent(e, t, o, n, a) } function googleCustomEvent(e, t, o, n, a) { var i = "Google Custom Event logged successfully.."; a && (i = i + "--------" + a + "-----------"), console.info(i); var g = n ? n : 0; return "undefined" == typeof ga ? (console.error("No google analytics keys"), !1) : (ga("send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }), "undefined" != typeof ga.getByName && ga.getByName("dealer") && ga("dealer.send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }), void ("undefined" != typeof ga.getByName && ga.getByName("digitalAnalyticsTracker") && ga("digitalAnalyticsTracker.send", { hitType: "event", eventCategory: e, eventAction: t, eventLabel: o, eventValue: g }))) } function bingCustomEvent(e, t, o, n, a) { var i = "Bing Custom Event logged successfully.."; a && (i = i + "--------" + a + "-----------"), console.info(i); var g = n ? n : 0; uetq.push({ ec: e, ea: t, el: o, ev: g }) } var uetq = uetq || [], doc = document.documentElement; doc.setAttribute("data-useragent", navigator.userAgent), window.location.origin || (window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : "")), window.googleEventToLink = function (e, t, o, n, a, i) { googleBingCustomEvent(t, o, n, a, i), setTimeout(function () { location.href = $(e).data("href") ? $(e).data("href") : $(e).attr("href") }, 500) };
22263  </script>
22263
22264
22265
22266
22267
22268<script>
22269     var isPageLanding = 'false' === 'true';
22270     var pageControlName = 'inventory';
22271     var isVue3Page = 'True' === 'True';
22272     var PageId = '65946';
22273</script>
22273
22274    
22274<script>
22275         var isTransparentMenu = 'false' === 'true';
22276    </script>
22276
22277
22278
22279  
22279<script>
22280        function googleTranslateElementInit() {
22281            new google.translate.TranslateElement({
22282                pageLanguage: 'en', includedLanguages: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE
22283            },
22284                'google_translate_element');
22285        }
22286  </script>
22286
22287  
22287<script>
22288        function removeiFrames() {
22289            googleBingCustomEvent("form", "close", "vep_lightbox", 1, "event");
22290            window.parent.postMessage({ 'func': 'closePopup', 'message': 'Message text from iframe.' }, "*");
22291        }
22292  </script>
22292
22293
22294
22295    <link href="https://prod.cdn.secureoffersites.com/dist/p1143/css/themes/Nissan/styles.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'" />
22296    <noscript><link rel="stylesheet" href="https://prod.cdn.secureoffersites.com/dist/p1143/css/themes/Nissan/styles.css"></noscript>
22297
22298
22299
22300  <!--remove white space for show room page -->
22301
22302
22303
22304
22305<style>
22306
22307  #_website_gemini .header-social-icons a{
22308      font-size: 12px !important;
22309      display: inline-block;
22310      text-align: center;
22311      padding: 4px;
22312      border-radius: 50%;
22313      margin-right: 2px;
22314      width: 30px !important;
22315      height: 30px !important;
22316      line-height: 20px !important;
22317      color: #000 !important;
22318      background: #fff !important;
22319      border: 2px solid #EDEDED !important;
22320    }
22321
22322    .mobile-sidemenu .mobile-submenu {
22323      background-color: #fff !important;
22324      
22325    }
22326
22327    .mobile-sidemenu .mobile-submenu .submenu-list-item .submenu-item {
22328      color: #484545 !important;
22329    }
22330    
22331  </style>
22332
22333
22334    <style>
22335            ._theme_background_color {
22336                background-color:#fff !important;
22337            }
22338            #_website_gemini  ._theme_sales_links, #_website_gemini  .goog-te-gadget-simple {
22339                color:  #757575 !important;
22340                border-color: #DCDCDC !important;
22341                border-radius: 25px;
22342                border: 1px solid;
22343                padding: 8px 24px;
22344                background-color: #fff;
22345            }
22346            #_website_gemini  div.temp-language{
22347              color:  #484545;
22348            }
22349
22350            #_website_gemini #gemini_simplify_menu  ._theme_sales_links,#_website_gemini #gemini_simplify_menu  div.temp-language, #_website_gemini #gemini_simplify_menu  .goog-te-gadget-simple {
22351                color:  #484545 !important;
22352                border-color: 0 !important;
22353                border-radius: 0;
22354                border: 0;
22355                padding: 0;
22356            }
22357            #_website_gemini #gemini_simplify_menu ._theme_sales_links:hover,#_website_gemini #gemini_simplify_menu  div.temp-language:hover, #_website_gemini #gemini_simplify_menu  .goog-te-gadget-simple:hover {
22358                color:   #000 !important;
22359                border-color: 0 !important;
22360                border-radius: 0;
22361                border: 0;
22362                padding: 0;
22363            }
22364            #_website_gemini  ._theme_top_border_color {
22365                border-color: #c6c6c6 !important;
22366            }
22367
22368            ._theme_background_color ._primary_template_header_menu  .text-white {
22369                color: #000 !important;
22370            }
22371
22372            ._theme_background_color .gemini-header  .text-white {
22373                color: #000 !important;
22374            }
22375
22376            ._theme_background_color .gemini-header  .signin-box.button-primary {
22377                background: #000 !important;
22378                color: #fff !important;
22379            }
22380
22381            #_website_gemini   .gemini_header  ._primary_template_header_menu a  span {
22382              color:   #fff;
22383            }
22384            #_website_gemini   .gemini_header ._primary_template_header_menu .signin-container .language-change-link span {
22385              color:   #000;
22386            }
22387            #_website_gemini .gemini_header .header-social-icons a._theme_social_icons  span {
22388              color:  inherit !important;
22389            }
22390
22391            #_website_gemini .gemini_header  a  span.color-black {
22392              color:   #000000;
22393            }
22394
22395            .mobile-submenu .submenu-list-item .submenu-item {
22396                 color: #fff !important;
22397            }
22398            ._theme_background_color .gemini_header  ._primary_template_header_menu ._login_button {
22399                background: #000 !important;
22400                color: #fff !important;
22401            }
22402             #_website_gemini  .sign_out_link {
22403                color: #000 !important;
22404              }
22405              #_website_gemini #website-primary-header a.bar-icon{
22406                    color: #484545 !important;
22407              }
22408
22409        #_website_gemini .paragon-primary-header {
22410          background-color: #fff !important;
22411        }
22412
22413        #_website_gemini .w_gemini_tranparent_header .menu-indicator {
22414          color: #212529 !important;
22415        }
22416
22417        #_website_gemini .w_gemini_tranparent_header .menu-indicator .static-links a {
22418          color: #212529 !important;
22419        }
22420        #website-primary-header .horizontalmenu a.h-menu-item {
22421         color: #262626 !important;
22422        }   
22423
22424    </style>
22425
22426
22427
22428
22429
22430  <style>
22431
22432    :root {
22433        --primary-theme-color: #000;
22434        --main-menu-font-color: #000;
22435        --sub-menu-font-color: #05141f;
22436    }
22437  </style>
22438
22439
22440
22441  <style>
22442        :host(cs-buy-widget) .buy-button {
22443            width: 100%;
22444        }
22445         #_website_gemini  .gemini_header ._custom_menu_color  a > span {
22446                            color:  !important;
22447                        }
22448
22449        .translated-ltr body {
22450              top: 0 !important;
22451          }
22452  </style>
22453
22454  <!-- Hiding header & footer tag if checkbox is enabled-->
22455
22456
22457  <style>
22458  @media (max-width: 900px) {
22459    .vehicle-specials-banner {
22460      background-color: #fff;
22461    }
22462  }
22463  </style>
22464
22465  <!-- Google Tag Manager (noscript) -->
22466    <noscript>
22467        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M8LD4PJ" height="0"
22468                width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe>
22469    </noscript>
22470    <!-- End Google Tag Manager (noscript) -->
22471
22472
22473    
22474
22475
22476
22477
22478
22479
22480
22481
22482            <link href="https://prod.cdn.secureoffersites.com/dist/p1143/css/fontawesome.css" rel="stylesheet" />
22483      <noscript>
22484                <link href="https://prod.cdn.secureoffersites.com/dist/p1143/css/fontawesome.css" rel="stylesheet" />
22485      </noscript>
22486    
22487
22488
22489
22490    
22491
22492
22493
22494
22495
22496
22497
22498<style>
22499  :root{
22500    --website-primary-theme-color: #000;
22501  }
22502</style>
22503
22504
22505
22506
22507
22508        
22508<script type="application/ld&#x2B;json">
22509            {
22510  "@context": "https://schema.org",
22511  "@type": "CollectionPage",
22512  "@id": "https://www.commonwealthnissan.com/inventory/used#collectionpage",
22513  "url": "https://www.commonwealthnissan.com/inventory/used",
22514  "name": "Shop Used Cars, Trucks & SUVs for Sale in Lawrence, MA",
22515  "description": "Browse 143 total used Nissan  vehicles for sale at Commonwealth Nissan in Lawrence, MA. View prices, photos, mileage, features, and availability for matching vehicles.",
22516  "mainEntity": {
22517    "@id": "https://www.commonwealthnissan.com/inventory/used#inventory-list"
22518  }
22519}
22520        </script>
22520
22521        
22521<script type="application/ld&#x2B;json">
22522            {
22523  "@context": "https://schema.org",
22524  "@type": "ItemList",
22525  "@id": "https://www.commonwealthnissan.com/inventory/used#inventory-list",
22526  "numberOfItems": 143,
22527  "itemListElement": [
22528    {
22529      "@type": "ListItem",
22530      "position": 1,
22531      "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility",
22532      "item": {
22533        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2fe2ca9rc210862/2024-volkswagen-atlas-cross-sport-sport-utility#vehicle"
22534      }
22535    },
22536    {
22537      "@type": "ListItem",
22538      "position": 2,
22539      "url": "https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility",
22540      "item": {
22541        "@id": "https://www.commonwealthnissan.com/viewdetails/used/4s4guhu60t3701636/2026-subaru-crosstrek-sport-utility#vehicle"
22542      }
22543    },
22544    {
22545      "@type": "ListItem",
22546      "position": 3,
22547      "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility",
22548      "item": {
22549        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2kn2ca9tc510536/2026-volkswagen-atlas-sport-utility#vehicle"
22550      }
22551    },
22552    {
22553      "@type": "ListItem",
22554      "position": 4,
22555      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car",
22556      "item": {
22557        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu1tm003262/2026-volkswagen-jetta-4dr-car#vehicle"
22558      }
22559    },
22560    {
22561      "@type": "ListItem",
22562      "position": 5,
22563      "url": "https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility",
22564      "item": {
22565        "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hkrm4h37eh693600/2014-honda-cr-v-sport-utility#vehicle"
22566      }
22567    },
22568    {
22569      "@type": "ListItem",
22570      "position": 6,
22571      "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car",
22572      "item": {
22573        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f38pa031127/2023-honda-accord-sedan-4dr-car#vehicle"
22574      }
22575    },
22576    {
22577      "@type": "ListItem",
22578      "position": 7,
22579      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car",
22580      "item": {
22581        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vw7w7bu5tm012178/2026-volkswagen-jetta-4dr-car#vehicle"
22582      }
22583    },
22584    {
22585      "@type": "ListItem",
22586      "position": 8,
22587      "url": "https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car",
22588      "item": {
22589        "@id": "https://www.commonwealthnissan.com/viewdetails/cpo/1n4bl4cv0pn416681/2023-nissan-altima-4dr-car#vehicle"
22590      }
22591    },
22592    {
22593      "@type": "ListItem",
22594      "position": 9,
22595      "url": "https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility",
22596      "item": {
22597        "@id": "https://www.commonwealthnissan.com/viewdetails/used/7fars6h56pe041625/2023-honda-cr-v-hybrid-sport-utility#vehicle"
22598      }
22599    },
22600    {
22601      "@type": "ListItem",
22602      "position": 10,
22603      "url": "https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility",
22604      "item": {
22605        "@id": "https://www.commonwealthnissan.com/viewdetails/used/5xyp6dgc8rg545472/2024-kia-telluride-sport-utility#vehicle"
22606      }
22607    },
22608    {
22609      "@type": "ListItem",
22610      "position": 11,
22611      "url": "https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility",
22612      "item": {
22613        "@id": "https://www.commonwealthnissan.com/viewdetails/used/5fnyg1h54pb040419/2023-honda-pilot-sport-utility#vehicle"
22614      }
22615    },
22616    {
22617      "@type": "ListItem",
22618      "position": 12,
22619      "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility",
22620      "item": {
22621        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52sm700220/2025-honda-hr-v-sport-utility#vehicle"
22622      }
22623    },
22624    {
22625      "@type": "ListItem",
22626      "position": 13,
22627      "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car",
22628      "item": {
22629        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f29ra009048/2024-honda-accord-sedan-4dr-car#vehicle"
22630      }
22631    },
22632    {
22633      "@type": "ListItem",
22634      "position": 14,
22635      "url": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car",
22636      "item": {
22637        "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f55rh524832/2024-honda-civic-sedan-4dr-car#vehicle"
22638      }
22639    },
22640    {
22641      "@type": "ListItem",
22642      "position": 15,
22643      "url": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car",
22644      "item": {
22645        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1hgcy1f32pa043953/2023-honda-accord-sedan-4dr-car#vehicle"
22646      }
22647    },
22648    {
22649      "@type": "ListItem",
22650      "position": 16,
22651      "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility",
22652      "item": {
22653        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h32sm771951/2025-honda-hr-v-sport-utility#vehicle"
22654      }
22655    },
22656    {
22657      "@type": "ListItem",
22658      "position": 17,
22659      "url": "https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility",
22660      "item": {
22661        "@id": "https://www.commonwealthnissan.com/viewdetails/used/ja4j4va85nz023202/2022-mitsubishi-outlander-sport-utility#vehicle"
22662      }
22663    },
22664    {
22665      "@type": "ListItem",
22666      "position": 18,
22667      "url": "https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sp
22667ort-utility",
22668      "item": {
22669        "@id": "https://www.commonwealthnissan.com/viewdetails/used/jtmab3fv6pd159594/2023-toyota-rav4-prime-sport-utility#vehicle"
22670      }
22671    },
22672    {
22673      "@type": "ListItem",
22674      "position": 19,
22675      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car",
22676      "item": {
22677        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwgm7buxrm088655/2024-volkswagen-jetta-4dr-car#vehicle"
22678      }
22679    },
22680    {
22681      "@type": "ListItem",
22682      "position": 20,
22683      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility",
22684      "item": {
22685        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv8x7b27rm129788/2024-volkswagen-taos-sport-utility#vehicle"
22686      }
22687    },
22688    {
22689      "@type": "ListItem",
22690      "position": 21,
22691      "url": "https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup",
22692      "item": {
22693        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1gcukee84sz139683/2025-chevrolet-silverado-1500-crew-cab-pickup#vehicle"
22694      }
22695    },
22696    {
22697      "@type": "ListItem",
22698      "position": 22,
22699      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility",
22700      "item": {
22701        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vvuw7rm1tm017083/2026-volkswagen-tiguan-sport-utility#vehicle"
22702      }
22703    },
22704    {
22705      "@type": "ListItem",
22706      "position": 23,
22707      "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility",
22708      "item": {
22709        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2lp2ca2nc518575/2022-volkswagen-atlas-sport-utility#vehicle"
22710      }
22711    },
22712    {
22713      "@type": "ListItem",
22714      "position": 24,
22715      "url": "https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup",
22716      "item": {
22717        "@id": "https://www.commonwealthnissan.com/viewdetails/used/2gcudged7r1203351/2024-chevrolet-silverado-1500-crew-cab-pickup#vehicle"
22718      }
22719    },
22720    {
22721      "@type": "ListItem",
22722      "position": 25,
22723      "url": "https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car",
22724      "item": {
22725        "@id": "https://www.commonwealthnissan.com/viewdetails/used/5xxg64j27rg260153/2024-kia-k5-4dr-car#vehicle"
22726      }
22727    },
22728    {
22729      "@type": "ListItem",
22730      "position": 26,
22731      "url": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car",
22732      "item": {
22733        "@id": "https://www.commonwealthnissan.com/viewdetails/used/2hgfe2f22ph568502/2023-honda-civic-sedan-4dr-car#vehicle"
22734      }
22735    },
22736    {
22737      "@type": "ListItem",
22738      "position": 27,
22739      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility",
22740      "item": {
22741        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax4pm126734/2023-volkswagen-tiguan-sport-utility#vehicle"
22742      }
22743    },
22744    {
22745      "@type": "ListItem",
22746      "position": 28,
22747      "url": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility",
22748      "item": {
22749        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3czrz2h52rm719859/2024-honda-hr-v-sport-utility#vehicle"
22750      }
22751    },
22752    {
22753      "@type": "ListItem",
22754      "position": 29,
22755      "url": "https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility",
22756      "item": {
22757        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1v2cn2ca8tc502559/2026-volkswagen-atlas-sport-utility#vehicle"
22758      }
22759    },
22760    {
22761      "@type": "ListItem",
22762      "position": 30,
22763      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car",
22764      "item": {
22765        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vwbw7bu9tm003039/2026-volkswagen-jetta-4dr-car#vehicle"
22766      }
22767    },
22768    {
22769      "@type": "ListItem",
22770      "position": 31,
22771      "url": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility",
22772      "item": {
22773        "@id": "https://www.commonwealthnissan.com/viewdetails/used/3vv2b7ax9km004332/2019-volkswagen-tiguan-sport-utility#vehicle"
22774      }
22775    },
22776    {
22777      "@type": "ListItem",
22778      "position": 32,
22779      "url": "https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility",
22780      "item": {
22781        "@id": "https://www.commonwealthnissan.com/viewdetails/used/1gnevgkw5pj279037/2023-chevrolet-traverse-sport-utility#vehicle"
22782      }
22783    }
22784  ]
22785}
22786        </script>
22786
22787
22788<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"211066279", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
22788</body>
22789</html>
22790

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.