PageSourceSearch

https://www.dchsubaruthousandoaks.com/inventory/used/subaru

html dchsubaruthousandoaks.com collected 2026-09-29 22:12:36 UTC 1,974,200 bytes, 21,779 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5  
5<script src="https://cdn.complyauto.com/cookiebanner/banner/77c61e16-029a-4f04-840f-17c4ef3cf0e0/blocker.js"></script>
5<script src="https://cdn.complyauto.com/cookiebanner/banner.js" data-cacookieconsent-id="77c61e16-029a-4f04-840f-17c4ef3cf0e0"></script>
5
6  
7
8
9
10  <link rel="icon" href="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/fav-icon.png" 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>Used Subaru for Sale in Thousand Oaks, CA | DCH Subaru of Thousand Oaks</title>
15        <meta name="description" content="Trying to find a Used Subaru for sale in Thousand Oaks, CA? We can help! Check out our Used inventory to find the exact one for you." />
16            <link rel="canonical" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru" />
17      <meta property="og:title" content="Used Subaru for Sale in Thousand Oaks, CA | DCH Subaru of Thousand Oaks" />
18      <meta property="og:site_name" content="DCH Subaru of Thousand Oaks" />
19      <meta property="og:description" content="Used Subaru for Sale in Thousand Oaks, CA | DCH Subaru of Thousand Oaks" />
20      <meta property="og:image" content="https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=885174&Width=0&Height=0&logo=y" />
21
22
23  
24<script type="text/javascript">
25
26
27    var ApiBaseUrl = 'https://www.dchsubaruthousandoaks.com/api';
28    var baseUrl = 'https://www.dchsubaruthousandoaks.com';
29    var currentRequestUrl = 'https://www.dchsubaruthousandoaks.com/inventory/used/subaru';
30    var inventoryApiBaseUrl = 'https://websites.api.teamvelocityportal.com/';
31    var dynamicAudioVideoBaseUrl = 'https://advid.api.teamvelocityportal.com/'
32    var primaryColor = '#1971d4';
33    var secondaryColor = '#767676';
34    var accountId = '61410';
35    var campaignId = '3995';
36    var baseAccountId = '61410';
37    var baseCampaignId = '3995';
38    var make = 'Subaru';
39    var phonenumber = '(805) 790-9226';
40    var fullAddress = '3725 Auto Mall Dr, Thousand Oaks, CA 91362';
41    var secondaryAddress = '';
42    var secondaryAddressType = '';
43    var city = 'Thousand Oaks';
44    var state = 'CA';
45    var street = '3725 Auto Mall Dr';
46    var zip = '91362';
47    var clientName = "DCH Subaru of Thousand Oaks";
48    var hasredcapid = 'False';
49    var campaignid = '3995';
50    var salesNumber = '805-749-4946';
51    var serviceNumber = '805-316-7118';
52    var partsNumber = '805-409-3640';
53    var contactEmail = '';
54    var isCaliforniaDealer = 'True';
55    var isCalifornia = 'True' === 'True' ;
56    var isRedCapScheaduleServiceEnabled = 'False';
57    var enablePINLoginEntry = 'False';
58    var isEventDrivenPopupEnabled = 'False';
59    var isServiceOnly = 'False' === 'True';
60    var isUsedOnly = 'False' === 'True';
61    var isauthenticated = 'False';
62    var userpin = '';
63    var paymentapi = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tL09mZmVyTWFuYWdlci9TZXJ2aWNlL09mZmVyTWFuYWdlckFQSS9HZXRQYXltZW50cw==';
64    var enableTextus = 'False';
65    var isServiceSchedulerEnabled = 'False';
66    var enableDigitalRetail = 'True' === 'True';
67    var enableSpinCar = 'False' === 'True';
68    var buyerCallPostUrl = 'https://mycreditdriveapp.com/form_leads';
69    var portalLogin = 'true' === 'true';
70    var loginUrl = 'https://www.dchsubaruthousandoaks.com/identitylogin';
71    var portalUrl = 'aHR0cHM6Ly90ZWFtdmVsb2NpdHlwb3J0YWwuY29tLw==';
72    var offerManagerApiUrl = 'aHR0cHM6Ly9vZmZlcm1hbmFnZXIuYXBpLnRlYW12ZWxvY2l0eXBvcnRhbC5jb20v';
73    var enableOfferManagerK8sMigration = 'false' === 'true';
74    window.tid = 'e2a97b8a-0645-43d4-8d21-2cc2646373bd';
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.dchsubaruthousandoaks.com/inventory';
82    var latitude = '34.1620211';
83    var longitude = '-118.8299486';
84    var isEnableCarStory = 'True';
85    var enableCarStoryForNew = 'false' === 'true';
86    var enableGoogleTranslate = 'True' === 'True';
87    var roadStarUrl= '';
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 = 5;
119    var enableLESAVideo = 'false' === 'true';
120    var VDPTransactButtonLabel = 'CALCULATE PAYMENTS';
121    var RoadStarDpId = '';
122    var roadsterVDPButtonName = '';
123    var roadsterImageUrl = '';
124    var enableTextusLeadToCRM = 'false' === 'true';
125    var themeId =32;
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 = 'CONTACT US';
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 = '403666';
144    var enableCarSaverButtonLabel = '';
145    var enableTCPAConsent = 'true' === 'true';
146    var tcpaConsentMessage = '&lt;p&gt;&lt;em&gt;By clicking below, I consent to receive automated marketing calls and text messages from DCH Subaru of Thousand Oaks. Consent is not a condition of purchase. Msg &amp;amp; data rates may apply. Msg frequency depends on your activity. Unsubscribe at any time by replying STOP. For more information at any time reply HELP. I also agree to the texting providers &lt;a href=&quot;https://www.lithia.com/lithia-privacy.htm&quot;&gt;Privacy Policy&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;';
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='Subaru';
155    var enableRecallMaster = 'true' === 'true';
156    var enableMsbiProgram = 'False';
157    var vendorToken = '';
158    var enableTradePending = 'False';
159    var snapId = '';
160    var enableRecallMaster = 'false' === '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 = 'SubaruShift';
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 = '';
180    var enablePopupVideo = 'true' === '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 = 'priceltoh';
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 = 'true' === '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=885174&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 = 'true' === 'true';
239    var enableCheckAvailability = false;
240    var hidePaymentCustomizing = 'True' === 'True';
241    var textWidgetPosition = 'Bottom Right';
242    var globalLeadFormThankyouMessage = '';
243    var AllowUsedForVOI = 'false' === 'true';
244    var serviceSpecialsCTAButtonsColor = '';
245    var serviceSpecialsCTAButtonsFontColor = '';
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 = '2';
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 = 'False' === 'True';
267    var showDisclaimerWithNoToggle = 'False' === '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 = 'True' === 'True';
276    var landingPopUpText ='Memorial Day Hours - Sales Open Normal Hours, Service and Parts will be Closed';
277    var landingPopupStartDate ='05/16/2026';
278    var landingPopupEndDate ='05/19/2026';
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 = '';
292    var footerLinkBackgroundColor = '';
293    var isFdDealer = 'false' === "true";
294    var hideDirectionsButton = 'False' === "True";
295    var  textUsCTAButtonLabel= 'Chat/Text';
296    var headerBorderColor = '';
297    var footerBorderColor = '';
298    var serviceScheduleShowDealerSelection = 'false' === 'true';
299    var  textUsMobileCTAButtonLabel= 'Chat/Text';
300    var menuEvent = 'click';
301    var hideAuotmatedSpecials = 'false' === 'true';
302    var disableBonusOfferOnMobile='False'==='True';
303    var shopByBrand = 'Subaru';
304    var shopByType = 'SUV,Sedan,Truck';
305    var priceType = '0';
306    var masterTemplateId = '22';
307    var searchBarNoResultsText = '';
308    var srpNoInventoryResultsText = '';
309    var ipaddress = '181.215.65.76';
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 = 'true' === 'true' && 'false' !== 'true';
318    var InvocaCDNUrl = 'https://www.dchsubaruthousandoaks.com';
319    var OEM_Code = '403666';
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 = 'false' == "true";
327    var enableV2Assistant = 'false' == "true";
328    var isTextUsEnabled = 'false' == "true";
329    var quickStartSalesPhoneNumber ='';
330    var quickStartServicePhoneNumber ='';
331    var textUsButtonColor = '#0d2c6c';
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-FQM9Z8NGT3';
347    var ga4GoogleAnalyticsKey2 = 'G-EJCLBYC80C';
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-Q247LK0VHF';
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 = '2026';
398  var inTransitDisclaimer = '';
399  var facebookColor = '';
400  var instagramColor = '';
401  var twitterColor = '';
402  var youtubeColor = '';
403  var tiktokColor = '';
404  var linkedInColor = '';
405  var headerColor = '2';
406  var dealerManufacturers = 'Subaru';
407  var IncentiveModelDefaultYear = '';
408  var ReserveYourVehicleModelDefaultYear = '2026';
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 = '885174';
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 = 'true' === '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.dchsubaruthousandoaks.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 = '#0d2c6c';
481  var textUsMobileButtonFontColor = '#FFFFFF';
482  var franchiseString = 'Subaru';
483  var disableDNIScripts = 'False';
484  var useMSRPInsteadofFinalPriceforStartingAt = 'false' === 'true';
485  var enableSignInPromptMobile = 'true' === 'true';
486  var enableWindowStickerInVDPSecondaryCTAs = 'false' === '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.dchsubaruthousandoaks.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 = 'true' === '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 = '';
539    var serviceDNIScript  = '';
540    var remarketingScript  = '&lt;!-- Global site tag (gtag.js) - Google Ads: 376385097 --&gt;&#xD;&#xA;&lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=AW-376385097&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-376385097&#x27;);&#xD;&#xA;&lt;/script&gt;';
541    var FbpId = '302032081561822';
542    var conversionAPIKey = '';
543</script>
543
544
545<!-- Global site tag (gtag.js) - Google Ads: 376385097 -->
vendor: 65 bytes, lines 545-546
545
546<script async src="https://www.googletagmanager.com/gtag/js?id=
546AW-376385097
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-376385097
vendor: 5 bytes, line 552
552');
553</script>
553
554  
555
556  <style>
557    .bgcolor-primary {
558        background-color: #1971d4 !important;
559    }
560
561    .bgcolor-secondary {
562        background-color: #767676 !important;
563    }
564
565    .color-secondary {
566        color: #767676 !important;
567    }
568
569    .hover-color-primary:hover {
570            color: #1971d4 !important;
571    }
572    .color-primary {
573        color: #1971d4 !important;
574    }
575    .VueCarousel-pagination {
576        z-index: 9 !important;
577    }
578    #_website_gemini .page-headline-wrapper {
579      background-color:  !important;
580    }
581    #_website_gemini .page-headline-text {
582      color:  !important;
583    }
584    #_website_gemini .text-white.page-headline-text{
585      color:  !important;
586    }
587
588    #_website_gemini .default_color {
589    background-color: #1971d4;
590    }
591    .default_text_color {
592    color: #FFFF;
593    }
594    .default_submenu-custom-bg {
595    background-color: #FFF;
596    }
597
598    .submenu-custom-bg a,
599    .submenu-custom-bg a:hover,
600    .submenu-custom-bg .submenu_right_arrow {
601        color: #000;
602    }
603
604
605    #_website_gemini .sign_out_link {
606        color:  !important;
607    }
608  </style>
609
610
611
612
613  
614
615
616
617
618      
618<script src="https://prod.cdn.secureoffersites.com/dist/p1144/js/chunk/common.js" type="text/javascript" data-kpa-category="essential" defer></script>
618
619      
619<script src="https://prod.cdn.secureoffersites.com/dist/p1144/js/vendor.js" type="text/javascript" data-kpa-category="essential" defer></script>
619
620
621
622    
622<script src="https://prod.cdn.secureoffersites.com/dist/p1144/vue3/js/vendor.js" data-kpa-category="essential" type="text/javascript" defer></script>
622
623
624
625      
625<script type="application/ld&#x2B;json">
626        {
627            "@context": "http://schema.org",
628            "@graph": [
629                {
630                    "@type": "WebSite",
631                    "@id": "https://www.dchsubaruthousandoaks.com/#website",
632                    "name": "DCH Subaru of Thousand Oaks",
633                    "url": "https://www.dchsubaruthousandoaks.com"
634                }
635            ]
636        }
637    </script>
637
638
639  
639<script>
640
641    window.addEventListener('message', function (event) {
642        try {
643            if (event.data.func == 'reloadafterlogin' && event.data.message == 'Message text from iframe.') {
644                try {
645                    if (22 == 8 ||
646                        22 == 4 ||
647                        22 == 11 ||
648                        22 == 10 ||
649                        22 == 9 ||
650                        22 == 1)
651                    {
652                        window.location = '/mygarage';
653                    }
654                    else
655                    {
656                        window.location.reload();
657                    }
658                } catch (e)
659                {
660
661                }
662            }
663            else if (event.data.func == "loadiniframe" && event.data.message == 'loadiniframe') {
664                var elem = document.createElement('iframe');
665                elem.style.cssText = 'display:none;';
666                elem.src = 'https://www.dchsubaruthousandoaks.com/identitylogin';
667                document.body.appendChild(elem);
668                if ($('.loading-gif')) $('.loading-gif').hide();
669            } else if (event.data.func === 'navigateTo' && event.data.url) {
670                if(event.data.url === '/register'){
671                    window.parent.postMessage({ 'func': 'openRegistrationModal'}, "*")
672                } else {
673                    window.location.href = event.data.url;
674                }
675                if ($('.loading-gif')) $('.loading-gif').hide();
676            } 
677            else if (event.data.func === 'open-phone-login-vehicles' ) {
678                 window.parent.postMessage({ 'func': 'openPhoneVehiclesModal', vehiclesData: event.data.vehiclesData}, "*")
679             }
680            else if (event.data.func === 'open-registration-modal-profile-creation' ) {
681                 window.parent.postMessage({ 'func': 'openRegistrationModalProfileCreation', loginData: event.data.loginData}, "*")
682             }
683        }
684            catch (ex) { }
685        });
686
687</script>
687
688  
689
690  
691            
691<script type="application/ld&#x2B;json">
692                {
693  "@context": "https://schema.org/",
694  "@type": "Vehicle",
695  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility#vehicle",
696  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility",
697  "itemCondition": "https://schema.org/UsedCondition",
698  "vehicleIdentificationNumber": "JF2SJAGC0FH594712",
699  "productID": "JF2SJAGC0FH594712",
700  "vehicleModelDate": "2015",
701  "model": "Forester",
702  "sku": "FH594712A",
703  "brand": {
704    "@type": "Brand",
705    "name": "Subaru"
706  },
707  "vehicleConfiguration": "2.5i Premium",
708  "vehicleInteriorColor": "Gray",
709  "vehicleTransmission": "CVT",
710  "color": "Dark Gray Metallic",
711  "image": {
712    "@type": "ImageObject",
713    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2SJAGC0FH594712/6ab4c783050dae99f56a09fa.jpg",
714    "fileFormat": ".jpg"
715  },
716  "offers": {
717    "@type": "Offer",
718    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility#offer",
719    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility",
720    "price": "15133.0",
721    "priceCurrency": "USD",
722    "priceValidUntil": "2026-09-29",
723    "description": "Used 2015 Subaru Forester 2.5i Premium- Pricing options include cash 15133.00.",
724    "availability": "https://schema.org/InStock",
725    "itemCondition": "https://schema.org/UsedCondition",
726    "seller": {
727      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
728    }
729  },
730  "name": "Used 2015 Subaru Forester 2.5i Premium",
731  "description": "Used 2015 Subaru Forester 2.5i Premium for sale in Thousand Oaks, CA. VIN JF2SJAGC0FH594712, stock FH594712A. Pricing options include cash 15133.00."
732}
733            </script>
733
734            
734<script type="application/ld&#x2B;json">
735                {
736  "@context": "https://schema.org/",
737  "@type": "Vehicle",
738  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility#vehicle",
739  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility",
740  "itemCondition": "https://schema.org/UsedCondition",
741  "vehicleIdentificationNumber": "4S4BSETC2H3393835",
742  "productID": "4S4BSETC2H3393835",
743  "vehicleModelDate": "2017",
744  "model": "Outback",
745  "sku": "H3393835A",
746  "brand": {
747    "@type": "Brand",
748    "name": "Subaru"
749  },
750  "vehicleConfiguration": "Touring",
751  "vehicleInteriorColor": "Java Brown",
752  "vehicleTransmission": "A/T",
753  "color": "Wilderness Green Metallic",
754  "image": {
755    "@type": "ImageObject",
756    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4BSETC2H3393835/6aaa3b62050dae99f5fa6e4f.jpg",
757    "fileFormat": ".jpg"
758  },
759  "offers": {
760    "@type": "Offer",
761    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility#offer",
762    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility",
763    "price": "19140.0",
764    "priceCurrency": "USD",
765    "priceValidUntil": "2026-09-29",
766    "description": "Used 2017 Subaru Outback Touring- Pricing options include cash 19140.00.",
767    "availability": "https://schema.org/InStock",
768    "itemCondition": "https://schema.org/UsedCondition",
769    "seller": {
770      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
771    }
772  },
773  "name": "Used 2017 Subaru Outback Touring",
774  "description": "Used 2017 Subaru Outback Touring for sale in Thousand Oaks, CA. VIN 4S4BSETC2H3393835, stock H3393835A. Pricing options include cash 19140.00."
775}
776            </script>
776
777            
777<script type="application/ld&#x2B;json">
778                {
779  "@context": "https://schema.org/",
780  "@type": "Vehicle",
781  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility#vehicle",
782  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility",
783  "itemCondition": "https://schema.org/UsedCondition",
784  "vehicleIdentificationNumber": "JF2GTAPC7M8324860",
785  "productID": "JF2GTAPC7M8324860",
786  "vehicleModelDate": "2021",
787  "model": "Crosstrek",
788  "sku": "M8324860P",
789  "brand": {
790    "@type": "Brand",
791    "name": "Subaru"
792  },
793  "vehicleConfiguration": "Premium",
794  "vehicleInteriorColor": "Black w/Orange Stitching",
795  "vehicleTransmission": "CVT",
796  "color": "Crystal Black Silica",
797  "image": {
798    "@type": "ImageObject",
799    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2GTAPC7M8324860/6ab76a5b050dae99f50fb7f8.jpg",
800    "fileFormat": ".jpg"
801  },
802  "offers": {
803    "@type": "Offer",
804    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility#offer",
805    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility",
806    "price": "21125.0",
807    "priceCurrency": "USD",
808    "priceValidUntil": "2026-09-29",
809    "description": "Used 2021 Subaru Crosstrek Premium- Pricing options include cash 21125.00.",
810    "availability": "https://schema.org/InStock",
811    "itemCondition": "https://schema.org/UsedCondition",
812    "seller": {
813      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
814    }
815  },
816  "name": "Used 2021 Subaru Crosstrek Premium",
817  "description": "Used 2021 Subaru Crosstrek Premium for sale in Thousand Oaks, CA. VIN JF2GTAPC7M8324860, stock M8324860P. Pricing options include cash 21125.00."
818}
819            </script>
819
820            
820<script type="application/ld&#x2B;json">
821                {
822  "@context": "https://schema.org/",
823  "@type": "Vehicle",
824  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility#vehicle",
825  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility",
826  "itemCondition": "https://schema.org/UsedCondition",
827  "vehicleIdentificationNumber": "4S4BTACC3L3140778",
828  "productID": "4S4BTACC3L3140778",
829  "vehicleModelDate": "2020",
830  "model": "Outback",
831  "sku": "L3140778A",
832  "brand": {
833    "@type": "Brand",
834    "name": "Subaru"
835  },
836  "vehicleConfiguration": "Premium",
837  "vehicleInteriorColor": "Warm Ivory",
838  "vehicleTransmission": "A/T",
839  "color": "Tungsten Metallic",
840  "image": {
841    "@type": "ImageObject",
842    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4BTACC3L3140778/6ab4c783050dae99f56a0aaa.jpg",
843    "fileFormat": ".jpg"
844  },
845  "offers": {
846    "@type": "Offer",
847    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility#offer",
848    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility",
849    "price": "22127.0",
850    "priceCurrency": "USD",
851    "priceValidUntil": "2026-09-29",
852    "description": "Used 2020 Subaru Outback Premium- Pricing options include cash 22127.00.",
853    "availability": "https://schema.org/InStock",
854    "itemCondition": "https://schema.org/UsedCondition",
855    "seller": {
856      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
857    }
858  },
859  "name": "Used 2020 Subaru Outback Premium",
860  "description": "Used 2020 Subaru Outback Premium for sale in Thousand Oaks, CA. VIN 4S4BTACC3L3140778, stock L3140778A. Pricing options include cash 22127.00."
861}
862            </script>
862
863            
863<script type="application/ld&#x2B;json">
864                {
865  "@context": "https://schema.org/",
866  "@type": "Vehicle",
867  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car#vehicle",
868  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car",
869  "itemCondition": "https://schema.org/UsedCondition",
870  "vehicleIdentificationNumber": "JF1GUABC5S8271422",
871  "productID": "JF1GUABC5S8271422",
872  "vehicleModelDate": "2025",
873  "model": "Impreza",
874  "sku": "S8271422A",
875  "brand": {
876    "@type": "Brand",
877    "name": "Subaru"
878  },
879  "vehicleConfiguration": "",
880  "vehicleInteriorColor": "Black",
881  "vehicleTransmission": "CVT",
882  "color": "Magnetite Gray Metallic",
883  "image": {
884    "@type": "ImageObject",
885    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF1GUABC5S8271422/6aaa3b61050dae99f5fa69d7.jpg",
886    "fileFormat": ".jpg"
887  },
888  "offers": {
889    "@type": "Offer",
890    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car#offer",
891    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car",
892    "price": "23942.0",
893    "priceCurrency": "USD",
894    "priceValidUntil": "2026-09-29",
895    "description": "Used 2025 Subaru Impreza- Pricing options include cash 23942.00.",
896    "availability": "https://schema.org/InStock",
897    "itemCondition": "https://schema.org/UsedCondition",
898    "seller": {
899      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
900    }
901  },
902  "name": "Used 2025 Subaru Impreza ",
903  "description": "Used 2025 Subaru Impreza for sale in Thousand Oaks, CA. VIN JF1GUABC5S8271422, stock S8271422A. Pricing options include cash 23942.00."
904}
905            </script>
905
906            
906<script type="application/ld&#x2B;json">
907                {
908  "@context": "https://schema.org/",
909  "@type": "Vehicle",
910  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car#vehicle",
911  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car",
912  "itemCondition": "https://schema.org/UsedCondition",
913  "vehicleIdentificationNumber": "JF1GUABC3S8263853",
914  "productID": "JF1GUABC3S8263853",
915  "vehicleModelDate": "2025",
916  "model": "Impreza",
917  "sku": "S8263853A",
918  "brand": {
919    "@type": "Brand",
920    "name": "Subaru"
921  },
922  "vehicleConfiguration": "",
923  "vehicleInteriorColor": "Black",
924  "vehicleTransmission": "CVT",
925  "color": "Ice Silver Metallic",
926  "image": {
927    "@type": "ImageObject",
928    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF1GUABC3S8263853/6aa4f562050dae99f5df32d0.jpg",
929    "fileFormat": ".jpg"
930  },
931  "offers": {
932    "@type": "Offer",
933    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car#offer",
934    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car",
935    "price": "24059.0",
936    "priceCurrency": "USD",
937    "priceValidUntil": "2026-09-29",
938    "description": "Used 2025 Subaru Impreza- Pricing options include cash 24059.00.",
939    "availability": "https://schema.org/InStock",
940    "itemCondition": "https://schema.org/UsedCondition",
941    "seller": {
942      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
943    }
944  },
945  "name": "Used 2025 Subaru Impreza ",
946  "description": "Used 2025 Subaru Impreza for sale in Thousand Oaks, CA. VIN JF1GUABC3S8263853, stock S8263853A. Pricing options include cash 24059.00."
947}
948            </script>
948
949            
949<script type="application/ld&#x2B;json">
950                {
951  "@context": "https://schema.org/",
952  "@type": "Vehicle",
953  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility#vehicle",
954  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility",
955  "itemCondition": "https://schema.org/UsedCondition",
956  "vehicleIdentificationNumber": "4S4BTACC5R3126387",
957  "productID": "4S4BTACC5R3126387",
958  "vehicleModelDate": "2024",
959  "model": "Outback",
960  "sku": "R3126387A",
961  "brand": {
962    "@type": "Brand",
963    "name": "Subaru"
964  },
965  "vehicleConfiguration": "Premium",
966  "vehicleInteriorColor": "Slate Black",
967  "vehicleTransmission": "CVT",
968  "color": "Crystal White Pearl",
969  "image": {
970    "@type": "ImageObject",
971    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4BTACC5R3126387/6a9a695ab21b03fd7f19e61e.jpg",
972    "fileFormat": ".jpg"
973  },
974  "offers": {
975    "@type": "Offer",
976    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility#offer",
977    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility",
978    "price": "24127.0",
979    "priceCurrency": "USD",
980    "priceValidUntil": "2026-09-29",
981    "description": "Used 2024 Subaru Outback Premium- Pricing options include cash 24127.00.",
982    "availability": "https://schema.org/InStock",
983    "itemCondition": "https://schema.org/UsedCondition",
984    "seller": {
985      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
986    }
987  },
988  "name": "Used 2024 Subaru Outback Premium",
989  "description": "Used 2024 Subaru Outback Premium for sale in Thousand Oaks, CA. VIN 4S4BTACC5R3126387, stock R3126387A. Pricing options include cash 24127.00."
990}
991            </script>
991
992            
992<script type="application/ld&#x2B;json">
993                {
994  "@context": "https://schema.org/",
995  "@type": "Vehicle",
996  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility#vehicle",
997  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility",
998  "itemCondition": "https://schema.org/UsedCondition",
999  "vehicleIdentificationNumber": "JF2GTHSC2PH245813",
1000  "productID": "JF2GTHSC2PH245813",
1001  "vehicleModelDate": "2023",
1002  "model": "Crosstrek",
1003  "sku": "PF245813A",
1004  "brand": {
1005    "@type": "Brand",
1006    "name": "Subaru"
1007  },
1008  "vehicleConfiguration": "Sport",
1009  "vehicleInteriorColor": "Gray w/Yellow Stitching",
1010  "vehicleTransmission": "CVT",
1011  "color": "Ice Silver Metallic",
1012  "image": {
1013    "@type": "ImageObject",
1014    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2GTHSC2PH245813/6ab76a60050dae99f50fcbc5.jpg",
1015    "fileFormat": ".jpg"
1016  },
1017  "offers": {
1018    "@type": "Offer",
1019    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility#offer",
1020    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility",
1021    "price": "24742.0",
1022    "priceCurrency": "USD",
1023    "priceValidUntil": "2026-09-29",
1024    "description": "Used 2023 Subaru Crosstrek Sport- Pricing options include cash 24742.00.",
1025    "availability": "https://schema.org/InStock",
1026    "itemCondition": "https://schema.org/UsedCondition",
1027    "seller": {
1028      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1029    }
1030  },
1031  "name": "Used 2023 Subaru Crosstrek Sport",
1032  "description": "Used 2023 Subaru Crosstrek Sport for sale in Thousand Oaks, CA. VIN JF2GTHSC2PH245813, stock PF245813A. Pricing options include cash 24742.00."
1033}
1034            </script>
1034
1035            
1035<script type="application/ld&#x2B;json">
1036                {
1037  "@context": "https://schema.org/",
1038  "@type": "Vehicle",
1039  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility#vehicle",
1040  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility",
1041  "itemCondition": "https://schema.org/UsedCondition",
1042  "vehicleIdentificationNumber": "JF2SKABC6RH462675",
1043  "productID": "JF2SKABC6RH462675",
1044  "vehicleModelDate": "2024",
1045  "model": "Forester",
1046  "sku": "RH462675A",
1047  "brand": {
1048    "@type": "Brand",
1049    "name": "Subaru"
1050  },
1051  "vehicleConfiguration": "",
1052  "vehicleInteriorColor": "Gray",
1053  "vehicleTransmission": "CVT",
1054  "color": "Magnetite Gray Metallic",
1055  "image": {
1056    "@type": "ImageObject",
1057    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2SKABC6RH462675/6ab4c783050dae99f56a09d8.jpg",
1058    "fileFormat": ".jpg"
1059  },
1060  "offers": {
1061    "@type": "Offer",
1062    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility#offer",
1063    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility",
1064    "price": "25049.0",
1065    "priceCurrency": "USD",
1066    "priceValidUntil": "2026-09-29",
1067    "description": "Used 2024 Subaru Forester- Pricing options include cash 25049.00.",
1068    "availability": "https://schema.org/InStock",
1069    "itemCondition": "https://schema.org/UsedCondition",
1070    "seller": {
1071      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1072    }
1073  },
1074  "name": "Used 2024 Subaru Forester ",
1075  "description": "Used 2024 Subaru Forester for sale in Thousand Oaks, CA. VIN JF2SKABC6RH462675, stock RH462675A. Pricing options include cash 25049.00."
1076}
1077            </script>
1077
1078            
1078<script type="application/ld&#x2B;json">
1079                {
1080  "@context": "https://schema.org/",
1081  "@type": "Vehicle",
1082  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility#vehicle",
1083  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility",
1084  "itemCondition": "https://schema.org/UsedCondition",
1085  "vehicleIdentificationNumber": "4S4BTADC1S3115309",
1086  "productID": "4S4BTADC1S3115309",
1087  "vehicleModelDate": "2025",
1088  "model": "Outback",
1089  "sku": "S3115309A",
1090  "brand": {
1091    "@type": "Brand",
1092    "name": "Subaru"
1093  },
1094  "vehicleConfiguration": "Premium",
1095  "vehicleInteriorColor": "Titanium Gray",
1096  "vehicleTransmission": "CVT",
1097  "color": "Crystal White Pearl",
1098  "image": {
1099    "@type": "ImageObject",
1100    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4BTADC1S3115309/6aac35b2050dae99f5c5b136.jpg",
1101    "fileFormat": ".jpg"
1102  },
1103  "offers": {
1104    "@type": "Offer",
1105    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility#offer",
1106    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility",
1107    "price": "25786.0",
1108    "priceCurrency": "USD",
1109    "priceValidUntil": "2026-09-29",
1110    "description": "Used 2025 Subaru Outback Premium- Pricing options include cash 25786.00.",
1111    "availability": "https://schema.org/InStock",
1112    "itemCondition": "https://schema.org/UsedCondition",
1113    "seller": {
1114      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1115    }
1116  },
1117  "name": "Used 2025 Subaru Outback Premium",
1118  "description": "Used 2025 Subaru Outback Premium for sale in Thousand Oaks, CA. VIN 4S4BTADC1S3115309, stock S3115309A. Pricing options include cash 25786.00."
1119}
1120            </script>
1120
1121            
1121<script type="application/ld&#x2B;json">
1122                {
1123  "@context": "https://schema.org/",
1124  "@type": "Vehicle",
1125  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility#vehicle",
1126  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility",
1127  "itemCondition": "https://schema.org/UsedCondition",
1128  "vehicleIdentificationNumber": "4S4GUHF6XR3738991",
1129  "productID": "4S4GUHF6XR3738991",
1130  "vehicleModelDate": "2024",
1131  "model": "Crosstrek",
1132  "sku": "R3738991P",
1133  "brand": {
1134    "@type": "Brand",
1135    "name": "Subaru"
1136  },
1137  "vehicleConfiguration": "Sport",
1138  "vehicleInteriorColor": "Gray w/Yellow Stitching",
1139  "vehicleTransmission": "CVT",
1140  "color": "Crystal White Pearl",
1141  "image": {
1142    "@type": "ImageObject",
1143    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4GUHF6XR3738991/6a815cf706a8025f6635d244.jpg",
1144    "fileFormat": ".jpg"
1145  },
1146  "offers": {
1147    "@type": "Offer",
1148    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility#offer",
1149    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility",
1150    "price": "25851.0",
1151    "priceCurrency": "USD",
1152    "priceValidUntil": "2026-09-29",
1153    "description": "Used 2024 Subaru Crosstrek Sport- Pricing options include cash 25851.00.",
1154    "availability": "https://schema.org/InStock",
1155    "itemCondition": "https://schema.org/UsedCondition",
1156    "seller": {
1157      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1158    }
1159  },
1160  "name": "Used 2024 Subaru Crosstrek Sport",
1161  "description": "Used 2024 Subaru Crosstrek Sport for sale in Thousand Oaks, CA. VIN 4S4GUHF6XR3738991, stock R3738991P. Pricing options include cash 25851.00."
1162}
1163            </script>
1163
1164            
1164<script type="application/ld&#x2B;json">
1165                {
1166  "@context": "https://schema.org/",
1167  "@type": "Vehicle",
1168  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility#vehicle",
1169  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility",
1170  "itemCondition": "https://schema.org/UsedCondition",
1171  "vehicleIdentificationNumber": "JF2GTHMC3P8205737",
1172  "productID": "JF2GTHMC3P8205737",
1173  "vehicleModelDate": "2023",
1174  "model": "Crosstrek",
1175  "sku": "P8205737A",
1176  "brand": {
1177    "@type": "Brand",
1178    "name": "Subaru"
1179  },
1180  "vehicleConfiguration": "Limited",
1181  "vehicleInteriorColor": "Black w/Orange Stitching",
1182  "vehicleTransmission": "CVT",
1183  "color": "Crystal White Pearl",
1184  "image": {
1185    "@type": "ImageObject",
1186    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2GTHMC3P8205737/6aaae427050dae99f5bed441.jpg",
1187    "fileFormat": ".jpg"
1188  },
1189  "offers": {
1190    "@type": "Offer",
1191    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility#offer",
1192    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility",
1193    "price": "25963.0",
1194    "priceCurrency": "USD",
1195    "priceValidUntil": "2026-09-29",
1196    "description": "Used 2023 Subaru Crosstrek Limited- Pricing options include cash 25963.00.",
1197    "availability": "https://schema.org/InStock",
1198    "itemCondition": "https://schema.org/UsedCondition",
1199    "seller": {
1200      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1201    }
1202  },
1203  "name": "Used 2023 Subaru Crosstrek Limited",
1204  "description": "Used 2023 Subaru Crosstrek Limited for sale in Thousand Oaks, CA. VIN JF2GTHMC3P8205737, stock P8205737A. Pricing options include cash 25963.00."
1205}
1206            </script>
1206
1207            
1207<script type="application/ld&#x2B;json">
1208                {
1209  "@context": "https://schema.org/",
1210  "@type": "Vehicle",
1211  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility#vehicle",
1212  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility",
1213  "itemCondition": "https://schema.org/UsedCondition",
1214  "vehicleIdentificationNumber": "JF2GTHRC6PH243813",
1215  "productID": "JF2GTHRC6PH243813",
1216  "vehicleModelDate": "2023",
1217  "model": "Crosstrek",
1218  "sku": "PH243813A",
1219  "brand": {
1220    "@type": "Brand",
1221    "name": "Subaru"
1222  },
1223  "vehicleConfiguration": "Sport",
1224  "vehicleInteriorColor": "Gray w/Yellow Stitching",
1225  "vehicleTransmission": "CVT",
1226  "color": "Crystal White Pearl",
1227  "image": {
1228    "@type": "ImageObject",
1229    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2023SUS09_640/2023SUS090032_640_01.jpg",
1230    "fileFormat": ".jpg"
1231  },
1232  "offers": {
1233    "@type": "Offer",
1234    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility#offer",
1235    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility",
1236    "price": "26028.0",
1237    "priceCurrency": "USD",
1238    "priceValidUntil": "2026-09-29",
1239    "description": "Used 2023 Subaru Crosstrek Sport- Pricing options include cash 26028.00.",
1240    "availability": "https://schema.org/InStock",
1241    "itemCondition": "https://schema.org/UsedCondition",
1242    "seller": {
1243      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1244    }
1245  },
1246  "name": "Used 2023 Subaru Crosstrek Sport",
1247  "description": "Used 2023 Subaru Crosstrek Sport for sale in Thousand Oaks, CA. VIN JF2GTHRC6PH243813, stock PH243813A. Pricing options include cash 26028.00."
1248}
1249            </script>
1249
1250            
1250<script type="application/ld&#x2B;json">
1251                {
1252  "@context": "https://schema.org/",
1253  "@type": "Vehicle",
1254  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car#vehicle",
1255  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car",
1256  "itemCondition": "https://schema.org/UsedCondition",
1257  "vehicleIdentificationNumber": "JF1GUAFC5T8259153",
1258  "productID": "JF1GUAFC5T8259153",
1259  "vehicleModelDate": "2026",
1260  "model": "Impreza",
1261  "sku": "T8259153R",
1262  "brand": {
1263    "@type": "Brand",
1264    "name": "Subaru"
1265  },
1266  "vehicleConfiguration": "Sport",
1267  "vehicleInteriorColor": "Black",
1268  "vehicleTransmission": "CVT",
1269  "color": "Silver",
1270  "image": {
1271    "@type": "ImageObject",
1272    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2026SUC04_640/2026SUC041990171_640_01.jpg",
1273    "fileFormat": ".jpg"
1274  },
1275  "offers": {
1276    "@type": "Offer",
1277    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car#offer",
1278    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car",
1279    "price": "26055.0",
1280    "priceCurrency": "USD",
1281    "priceValidUntil": "2026-09-29",
1282    "description": "Used 2026 Subaru Impreza Sport- Pricing options include cash 26055.00.",
1283    "availability": "https://schema.org/InStock",
1284    "itemCondition": "https://schema.org/UsedCondition",
1285    "seller": {
1286      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1287    }
1288  },
1289  "name": "Used 2026 Subaru Impreza Sport",
1290  "description": "Used 2026 Subaru Impreza Sport for sale in Thousand Oaks, CA. VIN JF1GUAFC5T8259153, stock T8259153R. Pricing options include cash 26055.00."
1291}
1292            </script>
1292
1293            
1293<script type="application/ld&#x2B;json">
1294                {
1295  "@context": "https://schema.org/",
1296  "@type": "Vehicle",
1297  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility#vehicle",
1298  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility",
1299  "itemCondition": "https://schema.org/UsedCondition",
1300  "vehicleIdentificationNumber": "JF2SKANC8PH488946",
1301  "productID": "JF2SKANC8PH488946",
1302  "vehicleModelDate": "2023",
1303  "model": "Forester",
1304  "sku": "PH488946P",
1305  "brand": {
1306    "@type": "Brand",
1307    "name": "Subaru"
1308  },
1309  "vehicleConfiguration": "Limited",
1310  "vehicleInteriorColor": "Gray",
1311  "vehicleTransmission": "CVT",
1312  "color": "Crimson Red Pearl",
1313  "image": {
1314    "@type": "ImageObject",
1315    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2SKANC8PH488946/6a60bbc0220e2e843687a41a.jpg",
1316    "fileFormat": ".jpg"
1317  },
1318  "offers": {
1319    "@type": "Offer",
1320    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility#offer",
1321    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility",
1322    "price": "26828.0",
1323    "priceCurrency": "USD",
1324    "priceValidUntil": "2026-09-29",
1325    "description": "Used 2023 Subaru Forester Limited- Pricing options include cash 26828.00.",
1326    "availability": "https://schema.org/InStock",
1327    "itemCondition": "https://schema.org/UsedCondition",
1328    "seller": {
1329      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1330    }
1331  },
1332  "name": "Used 2023 Subaru Forester Limited",
1333  "description": "Used 2023 Subaru Forester Limited for sale in Thousand Oaks, CA. VIN JF2SKANC8PH488946, stock PH488946P. Pricing options include cash 26828.00."
1334}
1335            </script>
1335
1336            
1336<script type="application/ld&#x2B;json">
1337                {
1338  "@context": "https://schema.org/",
1339  "@type": "Vehicle",
1340  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility#vehicle",
1341  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility",
1342  "itemCondition": "https://schema.org/UsedCondition",
1343  "vehicleIdentificationNumber": "JF2SKAXC9MH503608",
1344  "productID": "JF2SKAXC9MH503608",
1345  "vehicleModelDate": "2021",
1346  "model": "Forester",
1347  "sku": "MH503608P1",
1348  "brand": {
1349    "@type": "Brand",
1350    "name": "Subaru"
1351  },
1352  "vehicleConfiguration": "Touring",
1353  "vehicleInteriorColor": "Saddle Brown",
1354  "vehicleTransmission": "CVT",
1355  "color": "Magnetite Gray Metallic",
1356  "image": {
1357    "@type": "ImageObject",
1358    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2SKAXC9MH503608/6ab5c482050dae99f59f6017.jpg",
1359    "fileFormat": ".jpg"
1360  },
1361  "offers": {
1362    "@type": "Offer",
1363    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility#offer",
1364    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility",
1365    "price": "27070.0",
1366    "priceCurrency": "USD",
1367    "priceValidUntil": "2026-09-29",
1368    "description": "Used 2021 Subaru Forester Touring- Pricing options include cash 27070.00.",
1369    "availability": "https://schema.org/InStock",
1370    "itemCondition": "https://schema.org/UsedCondition",
1371    "seller": {
1372      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1373    }
1374  },
1375  "name": "Used 2021 Subaru Forester Touring",
1376  "description": "Used 2021 Subaru Forester Touring for sale in Thousand Oaks, CA. VIN JF2SKAXC9MH503608, stock MH503608P1. Pricing options include cash 27070.00."
1377}
1378            </script>
1378
1379            
1379<script type="application/ld&#x2B;json">
1380                {
1381  "@context": "https://schema.org/",
1382  "@type": "Vehicle",
1383  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car#vehicle",
1384  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car",
1385  "itemCondition": "https://schema.org/UsedCondition",
1386  "vehicleIdentificationNumber": "JF1VBAF66N9027410",
1387  "productID": "JF1VBAF66N9027410",
1388  "vehicleModelDate": "2022",
1389  "model": "WRX",
1390  "sku": "N9027410P",
1391  "brand": {
1392    "@type": "Brand",
1393    "name": "Subaru"
1394  },
1395  "vehicleConfiguration": "Premium",
1396  "vehicleInteriorColor": "Carbon Black",
1397  "vehicleTransmission": "6-Speed M/T",
1398  "color": "Ceramic White",
1399  "image": {
1400    "@type": "ImageObject",
1401    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF1VBAF66N9027410/6a9a6961b21b03fd7f19fed4.jpg",
1402    "fileFormat": ".jpg"
1403  },
1404  "offers": {
1405    "@type": "Offer",
1406    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car#offer",
1407    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car",
1408    "price": "28107.0",
1409    "priceCurrency": "USD",
1410    "priceValidUntil": "2026-09-29",
1411    "description": "Used 2022 Subaru WRX Premium- Pricing options include cash 28107.00.",
1412    "availability": "https://schema.org/InStock",
1413    "itemCondition": "https://schema.org/UsedCondition",
1414    "seller": {
1415      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1416    }
1417  },
1418  "name": "Used 2022 Subaru WRX Premium",
1419  "description": "Used 2022 Subaru WRX Premium for sale in Thousand Oaks, CA. VIN JF1VBAF66N9027410, stock N9027410P. Pricing options include cash 28107.00."
1420}
1421            </script>
1421
1422            
1422<script type="application/ld&#x2B;json">
1423                {
1424  "@context": "https://schema.org/",
1425  "@type": "Vehicle",
1426  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility#vehicle",
1427  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility",
1428  "itemCondition": "https://schema.org/UsedCondition",
1429  "vehicleIdentificationNumber": "4S4GUHD62T3711441",
1430  "productID": "4S4GUHD62T3711441",
1431  "vehicleModelDate": "2026",
1432  "model": "Crosstrek",
1433  "sku": "T3711441R",
1434  "brand": {
1435    "@type": "Brand",
1436    "name": "Subaru"
1437  },
1438  "vehicleConfiguration": "Premium",
1439  "vehicleInteriorColor": "Black",
1440  "vehicleTransmission": "CVT",
1441  "color": "Crystal Black Silica",
1442  "image": {
1443    "@type": "ImageObject",
1444    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4GUHD62T3711441/6a6ea1a8b4490239a8b28f57.jpg",
1445    "fileFormat": ".jpg"
1446  },
1447  "offers": {
1448    "@type": "Offer",
1449    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility#offer",
1450    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility",
1451    "price": "28439.0",
1452    "priceCurrency": "USD",
1453    "priceValidUntil": "2026-09-29",
1454    "description": "Used 2026 Subaru Crosstrek Premium- Pricing options include cash 28439.00.",
1455    "availability": "https://schema.org/InStock",
1456    "itemCondition": "https://schema.org/UsedCondition",
1457    "seller": {
1458      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1459    }
1460  },
1461  "name": "Used 2026 Subaru Crosstrek Premium",
1462  "description": "Used 2026 Subaru Crosstrek Premium for sale in Thousand Oaks, CA. VIN 4S4GUHD62T3711441, stock T3711441R. Pricing options include cash 28439.00."
1463}
1464            </script>
1464
1465            
1465<script type="application/ld&#x2B;json">
1466                {
1467  "@context": "https://schema.org/",
1468  "@type": "Vehicle",
1469  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility#vehicle",
1470  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility",
1471  "itemCondition": "https://schema.org/UsedCondition",
1472  "vehicleIdentificationNumber": "4S4GUHT65R3724954",
1473  "productID": "4S4GUHT65R3724954",
1474  "vehicleModelDate": "2024",
1475  "model": "Crosstrek",
1476  "sku": "R3724954P",
1477  "brand": {
1478    "@type": "Brand",
1479    "name": "Subaru"
1480  },
1481  "vehicleConfiguration": "Wilderness",
1482  "vehicleInteriorColor": "Black",
1483  "vehicleTransmission": "CVT",
1484  "color": "Lithium Red Pearl",
1485  "image": {
1486    "@type": "ImageObject",
1487    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4GUHT65R3724954/6a72dc8238219a8e3828322d.jpg",
1488    "fileFormat": ".jpg"
1489  },
1490  "offers": {
1491    "@type": "Offer",
1492    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility#offer",
1493    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility",
1494    "price": "28923.0",
1495    "priceCurrency": "USD",
1496    "priceValidUntil": "2026-09-29",
1497    "description": "Used 2024 Subaru Crosstrek Wilderness- Pricing options include cash 28923.00.",
1498    "availability": "https://schema.org/InStock",
1499    "itemCondition": "https://schema.org/UsedCondition",
1500    "seller": {
1501      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1502    }
1503  },
1504  "name": "Used 2024 Subaru Crosstrek Wilderness",
1505  "description": "Used 2024 Subaru Crosstrek Wilderness for sale in Thousand Oaks, CA. VIN 4S4GUHT65R3724954, stock R3724954P. Pricing options include cash 28923.00."
1506}
1507            </script>
1507
1508            
1508<script type="application/ld&#x2B;json">
1509                {
1510  "@context": "https://schema.org/",
1511  "@type": "Vehicle",
1512  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility#vehicle",
1513  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility",
1514  "itemCondition": "https://schema.org/UsedCondition",
1515  "vehicleIdentificationNumber": "4S4GUHF61T3711721",
1516  "productID": "4S4GUHF61T3711721",
1517  "vehicleModelDate": "2026",
1518  "model": "Crosstrek",
1519  "sku": "T3711721R",
1520  "brand": {
1521    "@type": "Brand",
1522    "name": "Subaru"
1523  },
1524  "vehicleConfiguration": "Sport",
1525  "vehicleInteriorColor": "Gray",
1526  "vehicleTransmission": "CVT",
1527  "color": "Crystal White Pearl",
1528  "image": {
1529    "@type": "ImageObject",
1530    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4GUHF61T3711721/6aac35b1050dae99f5c59b6f.jpg",
1531    "fileFormat": ".jpg"
1532  },
1533  "offers": {
1534    "@type": "Offer",
1535    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility#offer",
1536    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility",
1537    "price": "29767.0",
1538    "priceCurrency": "USD",
1539    "priceValidUntil": "2026-09-29",
1540    "description": "Used 2026 Subaru Crosstrek Sport- Pricing options include cash 29767.00.",
1541    "availability": "https://schema.org/InStock",
1542    "itemCondition": "https://schema.org/UsedCondition",
1543    "seller": {
1544      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1545    }
1546  },
1547  "name": "Used 2026 Subaru Crosstrek Sport",
1548  "description": "Used 2026 Subaru Crosstrek Sport for sale in Thousand Oaks, CA. VIN 4S4GUHF61T3711721, stock T3711721R. Pricing options include cash 29767.00."
1549}
1550            </script>
1550
1551            
1551<script type="application/ld&#x2B;json">
1552                {
1553  "@context": "https://schema.org/",
1554  "@type": "Vehicle",
1555  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility#vehicle",
1556  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility",
1557  "itemCondition": "https://schema.org/UsedCondition",
1558  "vehicleIdentificationNumber": "4S4GUHT63R3722880",
1559  "productID": "4S4GUHT63R3722880",
1560  "vehicleModelDate": "2024",
1561  "model": "Crosstrek",
1562  "sku": "R3722880P",
1563  "brand": {
1564    "@type": "Brand",
1565    "name": "Subaru"
1566  },
1567  "vehicleConfiguration": "Wilderness",
1568  "vehicleInteriorColor": "Black",
1569  "vehicleTransmission": "CVT",
1570  "color": "Sun Blaze Pearl",
1571  "image": {
1572    "@type": "ImageObject",
1573    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2024SUS09_640/2024SUS092084431_640_01.jpg",
1574    "fileFormat": ".jpg"
1575  },
1576  "offers": {
1577    "@type": "Offer",
1578    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility#offer",
1579    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility",
1580    "price": "29860.0",
1581    "priceCurrency": "USD",
1582    "priceValidUntil": "2026-09-29",
1583    "description": "Used 2024 Subaru Crosstrek Wilderness- Pricing options include cash 29860.00.",
1584    "availability": "https://schema.org/InStock",
1585    "itemCondition": "https://schema.org/UsedCondition",
1586    "seller": {
1587      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1588    }
1589  },
1590  "name": "Used 2024 Subaru Crosstrek Wilderness",
1591  "description": "Used 2024 Subaru Crosstrek Wilderness for sale in Thousand Oaks, CA. VIN 4S4GUHT63R3722880, stock R3722880P. Pricing options include cash 29860.00."
1592}
1593            </script>
1593
1594            
1594<script type="application/ld&#x2B;json">
1595                {
1596  "@context": "https://schema.org/",
1597  "@type": "Vehicle",
1598  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility#vehicle",
1599  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility",
1600  "itemCondition": "https://schema.org/UsedCondition",
1601  "vehicleIdentificationNumber": "4S4GUHD6XT3737043",
1602  "productID": "4S4GUHD6XT3737043",
1603  "vehicleModelDate": "2026",
1604  "model": "Crosstrek",
1605  "sku": "T3737043R",
1606  "brand": {
1607    "@type": "Brand",
1608    "name": "Subaru"
1609  },
1610  "vehicleConfiguration": "Premium",
1611  "vehicleInteriorColor": "Black",
1612  "vehicleTransmission": "CVT",
1613  "color": "Crystal White Pearl",
1614  "image": {
1615    "@type": "ImageObject",
1616    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4GUHD6XT3737043/6aba0d83050dae99f5b915c4.jpg",
1617    "fileFormat": ".jpg"
1618  },
1619  "offers": {
1620    "@type": "Offer",
1621    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility#offer",
1622    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility",
1623    "price": "29870.0",
1624    "priceCurrency": "USD",
1625    "priceValidUntil": "2026-09-29",
1626    "description": "Used 2026 Subaru Crosstrek Premium- Pricing options include cash 29870.00.",
1627    "availability": "https://schema.org/InStock",
1628    "itemCondition": "https://schema.org/UsedCondition",
1629    "seller": {
1630      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1631    }
1632  },
1633  "name": "Used 2026 Subaru Crosstrek Premium",
1634  "description": "Used 2026 Subaru Crosstrek Premium for sale in Thousand Oaks, CA. VIN 4S4GUHD6XT3737043, stock T3737043R. Pricing options include cash 29870.00."
1635}
1636            </script>
1636
1637            
1637<script type="application/ld&#x2B;json">
1638                {
1639  "@context": "https://schema.org/",
1640  "@type": "Vehicle",
1641  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility#vehicle",
1642  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility",
1643  "itemCondition": "https://schema.org/UsedCondition",
1644  "vehicleIdentificationNumber": "4S4SLDD63T3030680",
1645  "productID": "4S4SLDD63T3030680",
1646  "vehicleModelDate": "2026",
1647  "model": "Forester",
1648  "sku": "T3030680R",
1649  "brand": {
1650    "@type": "Brand",
1651    "name": "Subaru"
1652  },
1653  "vehicleConfiguration": "Premium",
1654  "vehicleInteriorColor": "Black/Gray",
1655  "vehicleTransmission": "CVT",
1656  "color": "Gray",
1657  "image": {
1658    "@type": "ImageObject",
1659    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4SLDD63T3030680/6aaa3b63050dae99f5fa7173.jpg",
1660    "fileFormat": ".jpg"
1661  },
1662  "offers": {
1663    "@type": "Offer",
1664    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility#offer",
1665    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility",
1666    "price": "30531.0",
1667    "priceCurrency": "USD",
1668    "priceValidUntil": "2026-09-29",
1669    "description": "Used 2026 Subaru Forester Premium- Pricing options include cash 30531.00.",
1670    "availability": "https://schema.org/InStock",
1671    "itemCondition": "https://schema.org/UsedCondition",
1672    "seller": {
1673      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1674    }
1675  },
1676  "name": "Used 2026 Subaru Forester Premium",
1677  "description": "Used 2026 Subaru Forester Premium for sale in Thousand Oaks, CA. VIN 4S4SLDD63T3030680, stock T3030680R. Pricing options include cash 30531.00."
1678}
1679            </script>
1679
1680            
1680<script type="application/ld&#x2B;json">
1681                {
1682  "@context": "https://schema.org/",
1683  "@type": "Vehicle",
1684  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility#vehicle",
1685  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility",
1686  "itemCondition": "https://schema.org/UsedCondition",
1687  "vehicleIdentificationNumber": "4S4SLDB65T3028531",
1688  "productID": "4S4SLDB65T3028531",
1689  "vehicleModelDate": "2026",
1690  "model": "Forester",
1691  "sku": "T3028531R",
1692  "brand": {
1693    "@type": "Brand",
1694    "name": "Subaru"
1695  },
1696  "vehicleConfiguration": "Premium",
1697  "vehicleInteriorColor": "Black/Gray",
1698  "vehicleTransmission": "CVT",
1699  "color": "Gray",
1700  "image": {
1701    "@type": "ImageObject",
1702    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4SLDB65T3028531/6aa6efc0050dae99f5e1f3ab.jpg",
1703    "fileFormat": ".jpg"
1704  },
1705  "offers": {
1706    "@type": "Offer",
1707    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility#offer",
1708    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility",
1709    "price": "30590.0",
1710    "priceCurrency": "USD",
1711    "priceValidUntil": "2026-09-29",
1712    "description": "Used 2026 Subaru Forester Premium- Pricing options include cash 30590.00.",
1713    "availability": "https://schema.org/InStock",
1714    "itemCondition": "https://schema.org/UsedCondition",
1715    "seller": {
1716      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1717    }
1718  },
1719  "name": "Used 2026 Subaru Forester Premium",
1720  "description": "Used 2026 Subaru Forester Premium for sale in Thousand Oaks, CA. VIN 4S4SLDB65T3028531, stock T3028531R. Pricing options include cash 30590.00."
1721}
1722            </script>
1722
1723            
1723<script type="application/ld&#x2B;json">
1724                {
1725  "@context": "https://schema.org/",
1726  "@type": "Vehicle",
1727  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car#vehicle",
1728  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car",
1729  "itemCondition": "https://schema.org/UsedCondition",
1730  "vehicleIdentificationNumber": "JF1VBAH64R9819834",
1731  "productID": "JF1VBAH64R9819834",
1732  "vehicleModelDate": "2024",
1733  "model": "WRX",
1734  "sku": "R9819834P",
1735  "brand": {
1736    "@type": "Brand",
1737    "name": "Subaru"
1738  },
1739  "vehicleConfiguration": "Premium",
1740  "vehicleInteriorColor": "Black",
1741  "vehicleTransmission": "6-Speed M/T",
1742  "color": "Ice Silver Metallic",
1743  "image": {
1744    "@type": "ImageObject",
1745    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF1VBAH64R9819834/6aacde84050dae99f5dc895e.jpg",
1746    "fileFormat": ".jpg"
1747  },
1748  "offers": {
1749    "@type": "Offer",
1750    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car#offer",
1751    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car",
1752    "price": "31068.0",
1753    "priceCurrency": "USD",
1754    "priceValidUntil": "2026-09-29",
1755    "description": "Used 2024 Subaru WRX Premium- Pricing options include cash 31068.00.",
1756    "availability": "https://schema.org/InStock",
1757    "itemCondition": "https://schema.org/UsedCondition",
1758    "seller": {
1759      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1760    }
1761  },
1762  "name": "Used 2024 Subaru WRX Premium",
1763  "description": "Used 2024 Subaru WRX Premium for sale in Thousand Oaks, CA. VIN JF1VBAH64R9819834, stock R9819834P. Pricing options include cash 31068.00."
1764}
1765            </script>
1765
1766            
1766<script type="application/ld&#x2B;json">
1767                {
1768  "@context": "https://schema.org/",
1769  "@type": "Vehicle",
1770  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility#vehicle",
1771  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility",
1772  "itemCondition": "https://schema.org/UsedCondition",
1773  "vehicleIdentificationNumber": "4S4WMAWD0P3458916",
1774  "productID": "4S4WMAWD0P3458916",
1775  "vehicleModelDate": "2023",
1776  "model": "Ascent",
1777  "sku": "P3458916P",
1778  "brand": {
1779    "@type": "Brand",
1780    "name": "Subaru"
1781  },
1782  "vehicleConfiguration": "Touring",
1783  "vehicleInteriorColor": "Java Brown",
1784  "vehicleTransmission": "CVT",
1785  "color": "Cosmic Blue Pearl",
1786  "image": {
1787    "@type": "ImageObject",
1788    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4WMAWD0P3458916/6aa6efc4050dae99f5e1f73f.jpg",
1789    "fileFormat": ".jpg"
1790  },
1791  "offers": {
1792    "@type": "Offer",
1793    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility#offer",
1794    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility",
1795    "price": "32127.0",
1796    "priceCurrency": "USD",
1797    "priceValidUntil": "2026-09-29",
1798    "description": "Used 2023 Subaru Ascent Touring- Pricing options include cash 32127.00.",
1799    "availability": "https://schema.org/InStock",
1800    "itemCondition": "https://schema.org/UsedCondition",
1801    "seller": {
1802      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1803    }
1804  },
1805  "name": "Used 2023 Subaru Ascent Touring",
1806  "description": "Used 2023 Subaru Ascent Touring for sale in Thousand Oaks, CA. VIN 4S4WMAWD0P3458916, stock P3458916P. Pricing options include cash 32127.00."
1807}
1808            </script>
1808
1809            
1809<script type="application/ld&#x2B;json">
1810                {
1811  "@context": "https://schema.org/",
1812  "@type": "Vehicle",
1813  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility#vehicle",
1814  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility",
1815  "itemCondition": "https://schema.org/UsedCondition",
1816  "vehicleIdentificationNumber": "4S4BTGUD6R3142351",
1817  "productID": "4S4BTGUD6R3142351",
1818  "vehicleModelDate": "2024",
1819  "model": "Outback",
1820  "sku": "R3142351P",
1821  "brand": {
1822    "@type": "Brand",
1823    "name": "Subaru"
1824  },
1825  "vehicleConfiguration": "Wilderness",
1826  "vehicleInteriorColor": "Gray",
1827  "vehicleTransmission": "CVT",
1828  "color": "Crystal White Pearl",
1829  "image": {
1830    "@type": "ImageObject",
1831    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4BTGUD6R3142351/6ab2cd27050dae99f5c30bd2.jpg",
1832    "fileFormat": ".jpg"
1833  },
1834  "offers": {
1835    "@type": "Offer",
1836    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility#offer",
1837    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility",
1838    "price": "32840.0",
1839    "priceCurrency": "USD",
1840    "priceValidUntil": "2026-09-29",
1841    "description": "Used 2024 Subaru Outback Wilderness- Pricing options include cash 32840.00.",
1842    "availability": "https://schema.org/InStock",
1843    "itemCondition": "https://schema.org/UsedCondition",
1844    "seller": {
1845      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1846    }
1847  },
1848  "name": "Used 2024 Subaru Outback Wilderness",
1849  "description": "Used 2024 Subaru Outback Wilderness for sale in Thousand Oaks, CA. VIN 4S4BTGUD6R3142351, stock R3142351P. Pricing options include cash 32840.00."
1850}
1851            </script>
1851
1852            
1852<script type="application/ld&#x2B;json">
1853                {
1854  "@context": "https://schema.org/",
1855  "@type": "Vehicle",
1856  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility#vehicle",
1857  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility",
1858  "itemCondition": "https://schema.org/UsedCondition",
1859  "vehicleIdentificationNumber": "4S4SLDH68T3029762",
1860  "productID": "4S4SLDH68T3029762",
1861  "vehicleModelDate": "2026",
1862  "model": "Forester",
1863  "sku": "T3029762R",
1864  "brand": {
1865    "@type": "Brand",
1866    "name": "Subaru"
1867  },
1868  "vehicleConfiguration": "Sport",
1869  "vehicleInteriorColor": "Gray",
1870  "vehicleTransmission": "CVT",
1871  "color": "Gray",
1872  "image": {
1873    "@type": "ImageObject",
1874    "contentUrl": "https://cdn.max.auto/t_hres/108741/4S4SLDH68T3029762/6aba0d87050dae99f5b91cf9.jpg",
1875    "fileFormat": ".jpg"
1876  },
1877  "offers": {
1878    "@type": "Offer",
1879    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility#offer",
1880    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility",
1881    "price": "33048.0",
1882    "priceCurrency": "USD",
1883    "priceValidUntil": "2026-09-29",
1884    "description": "Used 2026 Subaru Forester Sport- Pricing options include cash 33048.00.",
1885    "availability": "https://schema.org/InStock",
1886    "itemCondition": "https://schema.org/UsedCondition",
1887    "seller": {
1888      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1889    }
1890  },
1891  "name": "Used 2026 Subaru Forester Sport",
1892  "description": "Used 2026 Subaru Forester Sport for sale in Thousand Oaks, CA. VIN 4S4SLDH68T3029762, stock T3029762R. Pricing options include cash 33048.00."
1893}
1894            </script>
1894
1895            
1895<script type="application/ld&#x2B;json">
1896                {
1897  "@context": "https://schema.org/",
1898  "@type": "Vehicle",
1899  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility#vehicle",
1900  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility",
1901  "itemCondition": "https://schema.org/UsedCondition",
1902  "vehicleIdentificationNumber": "JF2BUPBD6TY487847",
1903  "productID": "JF2BUPBD6TY487847",
1904  "vehicleModelDate": "2026",
1905  "model": "Outback",
1906  "sku": "TY487847R",
1907  "brand": {
1908    "@type": "Brand",
1909    "name": "Subaru"
1910  },
1911  "vehicleConfiguration": "Premium",
1912  "vehicleInteriorColor": "Black",
1913  "vehicleTransmission": "CVT",
1914  "color": "Silver",
1915  "image": {
1916    "@type": "ImageObject",
1917    "contentUrl": "https://cdn.max.auto/t_hres/108741/JF2BUPBD6TY487847/6a971dc6bf022d29b257f04f.jpg",
1918    "fileFormat": ".jpg"
1919  },
1920  "offers": {
1921    "@type": "Offer",
1922    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility#offer",
1923    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility",
1924    "price": "33254.0",
1925    "priceCurrency": "USD",
1926    "priceValidUntil": "2026-09-29",
1927    "description": "Used 2026 Subaru Outback Premium- Pricing options include cash 33254.00.",
1928    "availability": "https://schema.org/InStock",
1929    "itemCondition": "https://schema.org/UsedCondition",
1930    "seller": {
1931      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1932    }
1933  },
1934  "name": "Used 2026 Subaru Outback Premium",
1935  "description": "Used 2026 Subaru Outback Premium for sale in Thousand Oaks, CA. VIN JF2BUPBD6TY487847, stock TY487847R. Pricing options include cash 33254.00."
1936}
1937            </script>
1937
1938            
1938<script type="application/ld&#x2B;json">
1939                {
1940  "@context": "https://schema.org/",
1941  "@type": "Vehicle",
1942  "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility#vehicle",
1943  "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility",
1944  "itemCondition": "https://schema.org/UsedCondition",
1945  "vehicleIdentificationNumber": "JF2BUPAD7TY540024",
1946  "productID": "JF2BUPAD7TY540024",
1947  "vehicleModelDate": "2026",
1948  "model": "Outback",
1949  "sku": "TY540024R",
1950  "brand": {
1951    "@type": "Brand",
1952    "name": "Subaru"
1953  },
1954  "vehicleConfiguration": "Premium",
1955  "vehicleInteriorColor": "Black",
1956  "vehicleTransmission": "CVT",
1957  "color": "Magnetite Gray Metallic",
1958  "image": {
1959    "@type": "ImageObject",
1960    "contentUrl": "https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2026SUS31_640/2026SUS312073602_640_01.jpg",
1961    "fileFormat": ".jpg"
1962  },
1963  "offers": {
1964    "@type": "Offer",
1965    "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility#offer",
1966    "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility",
1967    "price": "33318.0",
1968    "priceCurrency": "USD",
1969    "priceValidUntil": "2026-09-29",
1970    "description": "Used 2026 Subaru Outback Premium- Pricing options include cash 33318.00.",
1971    "availability": "https://schema.org/InStock",
1972    "itemCondition": "https://schema.org/UsedCondition",
1973    "seller": {
1974      "@id": "https://www.dchsubaruthousandoaks.com/#autodealer"
1975    }
1976  },
1977  "name": "Used 2026 Subaru Outback Premium",
1978  "description": "Used 2026 Subaru Outback Premium for sale in Thousand Oaks, CA. VIN JF2BUPAD7TY540024, stock TY540024R. Pricing options include cash 33318.00."
1979}
1980            </script>
1980
1981
1982  
1983    <style>
1984.inventory-car-parent-box-2.bg-white {
1985  background-color: #0D2C6C !important;
1986}
1987#reserve-your-car {
1988  background-color: #0D2C6C !important;
1989}
1990div.py-4.px-2.text-center.small-box.position-relative {
1991  align-self: flex-start !important;
1992  margin-top: 0 !important;
1993}
1994#reserve-your-car img.header-logo.img-fluid {
1995  align-self: flex-start !important;
1996  margin-top: 0 !important;
1997  vertical-align: top !important;
1998}
1999</style>
2000
2001
2002
2003<!-- Event snippet for vdp_used conversion page -->
2004<script>
2005  gtag('event', 'conversion', {'send_to': 'AW-376385097/kya9CO_hx40CEMncvLMB'});
2006</script>
2006<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"30005332"};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>
2006<!-- Event snippet for Example dynamic remarketing page -->
2007<script>
2008gtag('event', 'view_item', {
2009    'value': 0,
2010   'items': [{
2011      "id": '#VIN'
2012    },
2013    {
2014      'VIN': '#VIN'
2015    }]
2016});
2017</script>
2017
2018<meta name="google-site-verification" content="7M6CxGHU375b5NamVuBGBeAry20uG5gTDZeXFXKjKCE" />
2018<script async src="https://content-container.edmunds.com/1915255.js" type="text/javascript"></script>
2018<!-- Begin TVSquared Tracking Code -->
2019<script type="text/javascript">
2020    var _tvq = window._tvq = window._tvq || [];
2021    (function() {
2022        var u = (("https:" == document.location.protocol) ? "https://collector-30255.us.tvsquared.com/" : "http://collector-30255.us.tvsquared.com/");
2023        _tvq.push(['setSiteId', "TV-6390724545-1"]);
2024        _tvq.push(['setTrackerUrl', u + 'tv2track.php']);
2025        _tvq.push([function() {
2026            this.deleteCustomVariable(5, 'page')
2027        }]);
2028        _tvq.push(['trackPageView']);
2029        var d = document,
2030            g = d.createElement('script'),
2031            s = d.getElementsByTagName('script')[0];
2032        g.type = 'text/javascript';
2033        g.defer = true;
2034        g.async = true;
2035        g.src = u + 'tv2track.js';
2036        s.parentNode.insertBefore(g, s);
2037    })();
2038</script>
2038
2039<!-- End TVSquared Tracking Code -->
2039<script type="text/javascript" src="https://ladtech-api.constellationenv.com/prd-assetbuilder/v1/asset-builder/web-integration-code?website=www.dchsubaruthousandoaks.com&id=default"></script>
2039<script src="//host.lithia.dev/lad-push/lad-push.js" defer></script>
2039
2040<!-- Google Tag Manager -->
2041<script>
vendor: 327 bytes, line 2041
2041(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','
2041GTM-N4SJMCDR
vendor: 3 bytes, line 2041
2041');
2041</script>
2041 <!-- End Google Tag Manager --><!-- Google Tag Manager -->
2042<script>
vendor: 327 bytes, lines 2042-2046
2042(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2043new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
2044j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
2045'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
2046})(window,document,'script','dataLayer','
2046GTM-NVCJLK8
vendor: 3 bytes, line 2046
2046');
2046</script>
2046
2047<!-- End Google Tag Manager -->
2048<script src="//integrator.swipetospin.com"></script>
2048<script>
2049
2050(function(w,d,n,o,g){w.orbObject=w.orbObject||n;if(!w[n]){w[n]=function(){return (w[n].q=w[n].q||[]).push(arguments)};w[n].q=w[n].q||[];}
2051
2052var namespace = document.location.hostname.replace('www.', '');
2053
2054s=d.createElement(o),m=d.getElementsByTagName(o)[0];s.async=1;s.src=g+':'+namespace;
2055
2056m.parentNode.insertBefore(s,m);
2057
2058})(window,document,'orb','script','//scripts.orb.ee/tms.js?sid=15D79i43');
2059
2060</script>
2060<script id="lad-lilbanner-script" type="module" src="https://host.lithia.dev/lad-lilbanner/lad-lilbanner.js" defer data-store="cathosub" data-platform="tv" data-start="2025-11-20" data-end="2025-11-27" data-stylesheet="dark" data-message="All Departments Will Be Closed for Thanksgiving"></script>
2060																																																	
2060<script src="https://assets.prod.analytics.dealer.com/pix-aop-auto.js?dealerCode=dchsubaruofthousandoakssoa" defer="true"></script>
2060 
2060<script type="application/ld+json">
2061{
2062  "@context": "https://schema.org",
2063  "@graph": [
2064    {
2065      "@type": "AutoDealer",
2066      "@id": "https://www.dchsubaruthousandoaks.com/#AutoDealer",
2067      "name": "DCH Subaru of Thousand Oaks",
2068      "url": "https://www.dchsubaruthousandoaks.com",
2069      "telephone": "(805) 790-9226",
2070      "priceRange": "$15,000 - $55,000",
2071      "paymentAccepted": "Cash, Credit Card, Financing, Lease",
2072      "currenciesAccepted": "USD",
2073      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=260861&Width=0&Height=0",
2074      "logo": {
2075        "@id": "https://www.dchsubaruthousandoaks.com/#logo"
2076      },
2077      "address": {
2078        "@id": "https://www.dchsubaruthousandoaks.com/#address"
2079      },
2080      "brand": {
2081        "@type": "Brand",
2082        "name": "Subaru"
2083      },
2084      "parentOrganization": {
2085        "@type": "Organization",
2086        "@id": "https://www.lithia.com/#organization",
2087        "name": "Lithia",
2088        "url": "https://www.lithia.com/"
2089      },
2090      "areaServed": [
2091        {
2092          "@type": "City",
2093          "name": "Thousand Oaks",
2094          "containedInPlace": {
2095            "@type": "State",
2096            "name": "CA"
2097          }
2098        },
2099        {
2100          "@type": "City",
2101          "name": "Simi Valley",
2102          "containedInPlace": {
2103            "@type": "State",
2104            "name": "CA"
2105          }
2106        },
2107        {
2108          "@type": "City",
2109          "name": "Calabasas",
2110          "containedInPlace": {
2111            "@type": "State",
2112            "name": "CA"
2113          }
2114        },
2115        {
2116          "@type": "City",
2117          "name": "Camarillo",
2118          "containedInPlace": {
2119            "@type": "State",
2120            "name": "CA"
2121          }
2122        },
2123        {
2124          "@type": "City",
2125          "name": "Oak Park",
2126          "containedInPlace": {
2127            "@type": "State",
2128            "name": "CA"
2129          }
2130        },
2131        {
2132          "@type": "City",
2133          "name": "Malibu",
2134          "containedInPlace": {
2135            "@type": "State",
2136            "name": "CA"
2137          }
2138        }
2139      ],
2140      "sameAs": [
2141        "https://www.facebook.com/DCHSubaruofThousandOaks",
2142        "https://twitter.com/DCHSubaruTO",
2143        "https://www.youtube.com/channel/UC6hmDcJWPHoppzRB_2LGaqA",
2144        "https://www.google.com/maps?cid=3412054512614035849"
2145      ],
2146      "geo": {
2147        "@id": "https://www.dchsubaruthousandoaks.com/#geo"
2148      },
2149      "knowsAbout": [
2150        "Subaru Outback",
2151        "Subaru Forester",
2152        "Subaru Crosstrek",
2153        "Subaru Impreza",
2154        "Subaru Ascent",
2155        "Subaru BRZ",
2156        "Subaru Solterra",
2157        "Subaru financing",
2158        "Subaru leasing",
2159        "Subaru service",
2160        "Subaru OEM parts",
2161        "Subaru certified pre-owned"
2162      ],
2163      "makesOffer": [
2164        {
2165          "@type": "Offer",
2166          "itemOffered": {
2167            "@type": "Service",
2168            "name": "New Car Sales",
2169            "serviceType": "New Car Sales",
2170            "areaServed": {
2171              "@type": "City",
2172              "name": "Thousand Oaks"
2173            },
2174            "description": "New Subaru vehicles for sale at DCH Subaru of Thousand Oaks in Thousand Oaks. Browse our full lineup of new models including sedans, SUVs, crossovers, and electric vehicles."
2175          }
2176        },
2177        {
2178          "@type": "Offer",
2179          "itemOffered": {
2180            "@type": "Service",
2181            "name": "Used Car Sales",
2182            "serviceType": "Used Car Sales",
2183            "areaServed": {
2184              "@type": "City",
2185              "name": "Thousand Oaks"
2186            },
2187            "description": "Certified pre-owned and used vehicles at DCH Subaru of Thousand Oaks in Thousand Oaks. Every pre-owned vehicle is inspected and competitively priced for drivers throughout the area."
2188          }
2189        },
2190        {
2191          "@type": "Offer",
2192          "itemOffered": {
2193            "@type": "Service",
2194            "name": "Vehicle Leasing",
2195            "serviceType": "Vehicle Leasing",
2196            "areaServed": {
2197              "@type": "City",
2198              "name": "Thousand Oaks"
2199            },
2200            "description": "Subaru vehicle leasing at DCH Subaru of Thousand Oaks in Thousand Oaks. Flexible lease terms with competitive monthly payments on new models."
2201          }
2202        },
2203        {
2204          "@type": "Offer",
2205          "itemOffered": {
2206            "@type": "Service",
2207            "name": "Auto Financing",
2208            "serviceType": "Auto Financing",
2209            "areaServed": {
2210              "@type": "City",
2211              "name": "Thousand Oaks"
2212            },
2213            "description": "Auto financing for new and used vehicles at DCH Subaru of Thousand Oaks in Thousand Oaks. Our finance team works with multiple lenders to secure competitive rates for all credit profiles."
2214          }
2215        },
2216        {
2217          "@type": "Offer",
2218          "itemOffered": {
2219            "@type": "Service",
2220            "name": "Trade-In Assistance",
2221            "serviceType": "Trade-In Assistance",
2222            "areaServed": {
2223              "@type": "City",
2224              "name": "Thousand Oaks"
2225            },
2226            "description": "Vehicle trade-in appraisal at DCH Subaru of Thousand Oaks in Thousand Oaks. Receive a fair market value assessment applicable toward your next purchase or lease."
2227          }
2228        },
2229        {
2230          "@type": "Offer",
2231          "itemOffered": {
2232            "@type": "Service",
2233            "name": "Vehicle Protection Plans",
2234            "serviceType": "Vehicle Protection Plans",
2235            "areaServed": {
2236              "@type": "City",
2237              "name": "Thousand Oaks"
2238            },
2239            "description": "Extended vehicle protection plans available at DCH Subaru of Thousand Oaks in Thousand Oaks, covering mechanical and electrical components beyond the factory warranty period."
2240          }
2241        },
2242        {
2243          "@type": "Offer",
2244          "itemOffered": {
2245            "@type": "Service",
2246            "name": "AC Repair",
2247            "serviceType": "AC Repair",
2248            "areaServed": {
2249              "@type": "City",
2250              "name": "Thousand Oaks"
2251            },
2252            "description": "Automotive air conditioning diagnosis and repair at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by Subaru-certified technicians using manufacturer-approved procedures."
2253          }
2254        },
2255        {
2256          "@type": "Offer",
2257          "itemOffered": {
2258            "@type": "Service",
2259            "name": "Battery Testing & Replacement",
2260            "serviceType": "Battery Testing & Replacement",
2261            "areaServed": {
2262              "@type": "City",
2263              "name": "Thousand Oaks"
2264            },
2265            "description": "Vehicle battery testing and replacement at DCH Subaru of Thousand Oaks in Thousand Oaks. Battery health checks with OEM-grade replacement batteries available."
2266          }
2267        },
2268        {
2269          "@type": "Offer",
2270          "itemOffered": {
2271            "@type": "Service",
2272            "name": "Brake Service",
2273            "serviceType": "Brake Service",
2274            "areaServed": {
2275              "@type": "City",
2276              "name": "Thousand Oaks"
2277            },
2278            "description": "Brake inspection, pad replacement, and rotor service at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by factory-trained Subaru technicians to manufacturer specifications."
2279          }
2280        },
2281        {
2282          "@type": "Offer",
2283          "itemOffered": {
2284            "@type": "Service",
2285            "name": "Coolant System Service",
2286            "serviceType": "Coolant System Service",
2287            "areaServed": {
2288              "@type": "City",
2289              "name": "Thousand Oaks"
2290            },
2291            "description": "Cooling system flush and service at DCH Subaru of Thousand Oaks in Thousand Oaks, using Subaru-approved coolant to maintain optimal engine operating temperature."
2292          }
2293        },
2294        {
2295          "@type": "Offer",
2296          "itemOffered": {
2297            "@type": "Service",
2298            "name": "Diagnostics & Software Updates",
2299            "serviceType": "Diagnostics & Software Updates",
2300            "areaServed": {
2301              "@type": "City",
2302              "name": "Thousand Oaks"
2303            },
2304            "description": "Vehicle diagnostic scanning and software updates at DCH Subaru of Thousand Oaks in Thousand Oaks, using Subaru factory diagnostic equipment to identify and resolve fault co
2304des."
2305          }
2306        },
2307        {
2308          "@type": "Offer",
2309          "itemOffered": {
2310            "@type": "Service",
2311            "name": "Engine & Transmission Repair",
2312            "serviceType": "Engine & Transmission Repair",
2313            "areaServed": {
2314              "@type": "City",
2315              "name": "Thousand Oaks"
2316            },
2317            "description": "Engine and transmission repair at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by Subaru-certified technicians with access to genuine OEM parts."
2318          }
2319        },
2320        {
2321          "@type": "Offer",
2322          "itemOffered": {
2323            "@type": "Service",
2324            "name": "Fluid Flushes",
2325            "serviceType": "Fluid Flushes",
2326            "areaServed": {
2327              "@type": "City",
2328              "name": "Thousand Oaks"
2329            },
2330            "description": "Comprehensive fluid flush services at DCH Subaru of Thousand Oaks in Thousand Oaks, including transmission, brake, power steering, and differential fluid replacement."
2331          }
2332        },
2333        {
2334          "@type": "Offer",
2335          "itemOffered": {
2336            "@type": "Service",
2337            "name": "Manufacturer Recalls",
2338            "serviceType": "Manufacturer Recalls",
2339            "areaServed": {
2340              "@type": "City",
2341              "name": "Thousand Oaks"
2342            },
2343            "description": "Manufacturer recall repairs at DCH Subaru of Thousand Oaks in Thousand Oaks. Subaru-certified technicians complete all open recalls using genuine OEM parts at no charge."
2344          }
2345        },
2346        {
2347          "@type": "Offer",
2348          "itemOffered": {
2349            "@type": "Service",
2350            "name": "Multi-Point Inspections",
2351            "serviceType": "Multi-Point Inspections",
2352            "areaServed": {
2353              "@type": "City",
2354              "name": "Thousand Oaks"
2355            },
2356            "description": "Comprehensive multi-point vehicle inspection at DCH Subaru of Thousand Oaks in Thousand Oaks, covering all major systems to identify maintenance needs before they become larger issues."
2357          }
2358        },
2359        {
2360          "@type": "Offer",
2361          "itemOffered": {
2362            "@type": "Service",
2363            "name": "Oil Changes",
2364            "serviceType": "Oil Changes",
2365            "areaServed": {
2366              "@type": "City",
2367              "name": "Thousand Oaks"
2368            },
2369            "description": "Oil and filter changes at DCH Subaru of Thousand Oaks in Thousand Oaks, using Subaru-recommended oil grades and genuine OEM filters to maintain engine performance and warranty coverage."
2370          }
2371        },
2372        {
2373          "@type": "Offer",
2374          "itemOffered": {
2375            "@type": "Service",
2376            "name": "Tire Services",
2377            "serviceType": "Tire Services",
2378            "areaServed": {
2379              "@type": "City",
2380              "name": "Thousand Oaks"
2381            },
2382            "description": "Tire sales, rotation, balancing, and alignment services at DCH Subaru of Thousand Oaks in Thousand Oaks. Stocking major brands recommended for Subaru vehicles."
2383          }
2384        },
2385        {
2386          "@type": "Offer",
2387          "itemOffered": {
2388            "@type": "Service",
2389            "name": "Warranty Repairs",
2390            "serviceType": "Warranty Repairs",
2391            "areaServed": {
2392              "@type": "City",
2393              "name": "Thousand Oaks"
2394            },
2395            "description": "Subaru warranty repairs at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by factory-certified technicians using genuine OEM parts covered under your vehicle's factory warranty."
2396          }
2397        },
2398        {
2399          "@type": "Offer",
2400          "itemOffered": {
2401            "@type": "Service",
2402            "name": "Wheel Alignment",
2403            "serviceType": "Wheel Alignment",
2404            "areaServed": {
2405              "@type": "City",
2406              "name": "Thousand Oaks"
2407            },
2408            "description": "Four-wheel alignment service at DCH Subaru of Thousand Oaks in Thousand Oaks, using precision equipment to manufacturer specifications for optimal tire wear and handling."
2409          }
2410        },
2411        {
2412          "@type": "Offer",
2413          "itemOffered": {
2414            "@type": "Service",
2415            "name": "Wiper Blade & Light Bulb Replacement",
2416            "serviceType": "Wiper Blade & Light Bulb Replacement",
2417            "areaServed": {
2418              "@type": "City",
2419              "name": "Thousand Oaks"
2420            },
2421            "description": "Wiper blade and exterior light replacement at DCH Subaru of Thousand Oaks in Thousand Oaks, using OEM-spec components for proper fit and performance."
2422          }
2423        },
2424        {
2425          "@type": "Offer",
2426          "itemOffered": {
2427            "@type": "Service",
2428            "name": "OEM Parts Sales",
2429            "serviceType": "OEM Parts Sales",
2430            "areaServed": {
2431              "@type": "City",
2432              "name": "Thousand Oaks"
2433            },
2434            "description": "Genuine Subaru OEM parts and accessories at DCH Subaru of Thousand Oaks in Thousand Oaks. Factory-original components engineered to exact specifications for your vehicle."
2435          }
2436        }
2437      ],
2438      "openingHoursSpecification": [
2439        {
2440          "@type": "OpeningHoursSpecification",
2441          "dayOfWeek": "Sunday",
2442          "opens": "10:00",
2443          "closes": "19:00"
2444        },
2445        {
2446          "@type": "OpeningHoursSpecification",
2447          "dayOfWeek": "Monday",
2448          "opens": "09:00",
2449          "closes": "20:00"
2450        },
2451        {
2452          "@type": "OpeningHoursSpecification",
2453          "dayOfWeek": "Tuesday",
2454          "opens": "09:00",
2455          "closes": "20:00"
2456        },
2457        {
2458          "@type": "OpeningHoursSpecification",
2459          "dayOfWeek": "Wednesday",
2460          "opens": "09:00",
2461          "closes": "20:00"
2462        },
2463        {
2464          "@type": "OpeningHoursSpecification",
2465          "dayOfWeek": "Thursday",
2466          "opens": "09:00",
2467          "closes": "20:00"
2468        },
2469        {
2470          "@type": "OpeningHoursSpecification",
2471          "dayOfWeek": "Friday",
2472          "opens": "09:00",
2473          "closes": "20:00"
2474        },
2475        {
2476          "@type": "OpeningHoursSpecification",
2477          "dayOfWeek": "Saturday",
2478          "opens": "09:00",
2479          "closes": "20:00"
2480        }
2481      ],
2482      "department": [
2483        {
2484          "@id": "https://www.dchsubaruthousandoaks.com/#service"
2485        },
2486        {
2487          "@id": "https://www.dchsubaruthousandoaks.com/#parts"
2488        }
2489      ]
2490    },
2491    {
2492      "@type": "ImageObject",
2493      "@id": "https://www.dchsubaruthousandoaks.com/#logo",
2494      "url": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=260861&Width=0&Height=0"
2495    },
2496    {
2497      "@type": "PostalAddress",
2498      "@id": "https://www.dchsubaruthousandoaks.com/#address",
2499      "streetAddress": "3725 Auto Mall Dr",
2500      "addressLocality": "Thousand Oaks",
2501      "addressRegion": "CA",
2502      "postalCode": "91362",
2503      "addressCountry": "US"
2504    },
2505    {
2506      "@type": "GeoCoordinates",
2507      "@id": "https://www.dchsubaruthousandoaks.com/#geo",
2508      "latitude": 34.1620211,
2509      "longitude": -118.8299486
2510    },
2511    {
2512      "@type": "AutoRepair",
2513      "@id": "https://www.dchsubaruthousandoaks.com/#service",
2514      "name": "DCH Subaru of Thousand Oaks Service",
2515      "url": "https://www.dchsubaruthousandoaks.com/service-department",
2516      "telephone": "(805) 409-3490",
2517      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=260861&Width=0&Height=0",
2518      "priceRange": "$50 - $10,000",
2519      "address": {
2520        "@id": "https://www.dchsubaruthousandoaks.com/#address"
2521      },
2522      "openingHoursSpecification": [
2523        {
2524          "@type": "OpeningHoursSpecification",
2525          "dayOfWeek": "Monday",
2526          "opens": "07:00",
2527          "closes": "18:00"
2528        },
2529        {
2530          "@type": "OpeningHoursSpecification",
2531          "dayOfWeek": "Tuesday",
2532          "opens": "07:00",
2533          "closes": "18:00"
2534        },
2535        {
2536          "@type": "OpeningHoursSpecification",
2537          "dayOfWeek": "Wednesday",
2538          "opens": "07:00",
2539          "closes": "18:00"
2540        },
2541        {
2542          "@type": "OpeningHoursSpecification",
2543          "dayOfWeek": "Thursday",
2544          "opens": "07:00",
2545          "closes": "18:00"
2546        },
2547        {
2548          "@type": "OpeningHoursSpecification",
2549          "dayOfWeek": "Friday",
2550          "opens": "07:00",
2551          "closes": "18:00"
2552        },
2553        {
2554          "@type": "OpeningHoursSpecification",
2555          "dayOfWeek": "Saturday",
2556          "opens": "08:00",
2557          "closes": "17:00"
2558        },
2559        {
2560          "@type": "OpeningHoursSpecification",
2561          "dayOfWeek": "Sunday",
2562          "opens": "00:00",
2563          "closes": "00:00"
2564        }
2565      ]
2566    },
2567    {
2568      "@type": "AutoPartsStore",
2569      "@id": "https://www.dchsubaruthousandoaks.com/#parts",
2570      "name": "DCH Subaru of Thousand Oaks Parts",
2571      "url": "https://www.dchsubaruthousandoaks.com/parts-department",
2572      "telephone": "(805) 790-9226",
2573      "image": "https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=260861&Width=0&Height=0",
2574      "priceRange": "$50 - $10,000",
2575      "address": {
2576        "@id": "https://www.dchsubaruthousandoaks.com/#address"
2577      },
2578      "openingHoursSpecification": [
2579        {
2580          "@type": "OpeningHoursSpecification",
2581          "dayOfWeek": "Monday",
2582          "opens": "07:00",
2583          "closes": "18:00"
2584        },
2585        {
2586          "@type": "OpeningHoursSpecification",
2587          "dayOfWeek": "Tuesday",
2588          "opens": "07:00",
2589          "closes": "18:00"
2590        },
2591        {
2592          "@type": "OpeningHoursSpecification",
2593          "dayOfWeek": "Wednesday",
2594          "opens": "07:00",
2595          "closes": "18:00"
2596        },
2597        {
2598          "@type": "OpeningHoursSpecification",
2599          "dayOfWeek": "Thursday",
2600          "opens": "07:00",
2601          "closes": "18:00"
2602        },
2603        {
2604          "@type": "OpeningHoursSpecification",
2605          "dayOfWeek": "Friday",
2606          "opens": "07:00",
2607          "closes": "18:00"
2608        },
2609        {
2610          "@type": "OpeningHoursSpecification",
2611          "dayOfWeek": "Saturday",
2612          "opens": "08:00",
2613          "closes": "17:00"
2614        },
2615        {
2616          "@type": "OpeningHoursSpecification",
2617          "dayOfWeek": "Sunday",
2618          "opens": "00:00",
2619          "closes": "00:00"
2620        }
2621      ]
2622    },
2623    {
2624      "@type": "OfferCatalog",
2625      "@id": "https://www.dchsubaruthousandoaks.com/#inventory-catalog",
2626      "name": "Vehicle Inventory at DCH Subaru of Thousand Oaks",
2627      "itemListElement": [
2628        {
2629          "@type": "Offer",
2630          "itemOffered": {
2631            "@type": "ItemList",
2632            "name": "New Vehicles",
2633            "url": "https://www.dchsubaruthousandoaks.com/inventory/new",
2634            "description": "Browse new Subaru vehicles for sale at DCH Subaru of Thousand Oaks in Thousand Oaks. View current inventory, compare models, and get pricing on new Subaru c
2634ars, SUVs, and trucks."
2635          }
2636        },
2637        {
2638          "@type": "Offer",
2639          "itemOffered": {
2640            "@type": "ItemList",
2641            "name": "Used Vehicles",
2642            "url": "https://www.dchsubaruthousandoaks.com/inventory/used",
2643            "description": "Shop used vehicles at DCH Subaru of Thousand Oaks in Thousand Oaks. Our pre-owned inventory includes inspected cars, trucks, and SUVs across a range of makes, models, and price points."
2644          }
2645        },
2646        {
2647          "@type": "Offer",
2648          "itemOffered": {
2649            "@type": "ItemList",
2650            "name": "Certified Pre-Owned Vehicles",
2651            "url": "https://www.dchsubaruthousandoaks.com/inventory/cpo",
2652            "description": "Browse Subaru Certified Pre-Owned vehicles at DCH Subaru of Thousand Oaks in Thousand Oaks. CPO vehicles include a factory-backed warranty and multi-point inspection."
2653          }
2654        },
2655        {
2656          "@type": "Offer",
2657          "itemOffered": {
2658            "@type": "ItemList",
2659            "name": "Vehicle Specials",
2660            "url": "https://www.dchsubaruthousandoaks.com/specials/vehicle-specials",
2661            "description": "Current vehicle specials and offers at DCH Subaru of Thousand Oaks in Thousand Oaks. View limited-time deals on new and pre-owned Subaru models."
2662          }
2663        }
2664      ]
2665    },
2666    {
2667      "@type": "OfferCatalog",
2668      "@id": "https://www.dchsubaruthousandoaks.com/#services-catalog",
2669      "name": "Dealership Services at DCH Subaru of Thousand Oaks",
2670      "itemListElement": [
2671        {
2672          "@type": "Offer",
2673          "itemOffered": {
2674            "@type": "Service",
2675            "name": "New Car Sales",
2676            "serviceType": "New Car Sales",
2677            "areaServed": {
2678              "@type": "City",
2679              "name": "Thousand Oaks"
2680            },
2681            "description": "New Subaru vehicles for sale at DCH Subaru of Thousand Oaks in Thousand Oaks. Browse our full lineup of new models including sedans, SUVs, crossovers, and electric vehicles."
2682          }
2683        },
2684        {
2685          "@type": "Offer",
2686          "itemOffered": {
2687            "@type": "Service",
2688            "name": "Used Car Sales",
2689            "serviceType": "Used Car Sales",
2690            "areaServed": {
2691              "@type": "City",
2692              "name": "Thousand Oaks"
2693            },
2694            "description": "Certified pre-owned and used vehicles at DCH Subaru of Thousand Oaks in Thousand Oaks. Every pre-owned vehicle is inspected and competitively priced for drivers throughout the area."
2695          }
2696        },
2697        {
2698          "@type": "Offer",
2699          "itemOffered": {
2700            "@type": "Service",
2701            "name": "Vehicle Leasing",
2702            "serviceType": "Vehicle Leasing",
2703            "areaServed": {
2704              "@type": "City",
2705              "name": "Thousand Oaks"
2706            },
2707            "description": "Subaru vehicle leasing at DCH Subaru of Thousand Oaks in Thousand Oaks. Flexible lease terms with competitive monthly payments on new models."
2708          }
2709        },
2710        {
2711          "@type": "Offer",
2712          "itemOffered": {
2713            "@type": "Service",
2714            "name": "Auto Financing",
2715            "serviceType": "Auto Financing",
2716            "areaServed": {
2717              "@type": "City",
2718              "name": "Thousand Oaks"
2719            },
2720            "description": "Auto financing for new and used vehicles at DCH Subaru of Thousand Oaks in Thousand Oaks. Our finance team works with multiple lenders to secure competitive rates for all credit profiles."
2721          }
2722        },
2723        {
2724          "@type": "Offer",
2725          "itemOffered": {
2726            "@type": "Service",
2727            "name": "Trade-In Assistance",
2728            "serviceType": "Trade-In Assistance",
2729            "areaServed": {
2730              "@type": "City",
2731              "name": "Thousand Oaks"
2732            },
2733            "description": "Vehicle trade-in appraisal at DCH Subaru of Thousand Oaks in Thousand Oaks. Receive a fair market value assessment applicable toward your next purchase or lease."
2734          }
2735        },
2736        {
2737          "@type": "Offer",
2738          "itemOffered": {
2739            "@type": "Service",
2740            "name": "Vehicle Protection Plans",
2741            "serviceType": "Vehicle Protection Plans",
2742            "areaServed": {
2743              "@type": "City",
2744              "name": "Thousand Oaks"
2745            },
2746            "description": "Extended vehicle protection plans available at DCH Subaru of Thousand Oaks in Thousand Oaks, covering mechanical and electrical components beyond the factory warranty period."
2747          }
2748        },
2749        {
2750          "@type": "Offer",
2751          "itemOffered": {
2752            "@type": "Service",
2753            "name": "AC Repair",
2754            "serviceType": "AC Repair",
2755            "areaServed": {
2756              "@type": "City",
2757              "name": "Thousand Oaks"
2758            },
2759            "description": "Automotive air conditioning diagnosis and repair at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by Subaru-certified technicians using manufacturer-approved procedures."
2760          }
2761        },
2762        {
2763          "@type": "Offer",
2764          "itemOffered": {
2765            "@type": "Service",
2766            "name": "Battery Testing & Replacement",
2767            "serviceType": "Battery Testing & Replacement",
2768            "areaServed": {
2769              "@type": "City",
2770              "name": "Thousand Oaks"
2771            },
2772            "description": "Vehicle battery testing and replacement at DCH Subaru of Thousand Oaks in Thousand Oaks. Battery health checks with OEM-grade replacement batteries available."
2773          }
2774        },
2775        {
2776          "@type": "Offer",
2777          "itemOffered": {
2778            "@type": "Service",
2779            "name": "Brake Service",
2780            "serviceType": "Brake Service",
2781            "areaServed": {
2782              "@type": "City",
2783              "name": "Thousand Oaks"
2784            },
2785            "description": "Brake inspection, pad replacement, and rotor service at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by factory-trained Subaru technicians to manufacturer specifications."
2786          }
2787        },
2788        {
2789          "@type": "Offer",
2790          "itemOffered": {
2791            "@type": "Service",
2792            "name": "Coolant System Service",
2793            "serviceType": "Coolant System Service",
2794            "areaServed": {
2795              "@type": "City",
2796              "name": "Thousand Oaks"
2797            },
2798            "description": "Cooling system flush and service at DCH Subaru of Thousand Oaks in Thousand Oaks, using Subaru-approved coolant to maintain optimal engine operating temperature."
2799          }
2800        },
2801        {
2802          "@type": "Offer",
2803          "itemOffered": {
2804            "@type": "Service",
2805            "name": "Diagnostics & Software Updates",
2806            "serviceType": "Diagnostics & Software Updates",
2807            "areaServed": {
2808              "@type": "City",
2809              "name": "Thousand Oaks"
2810            },
2811            "description": "Vehicle diagnostic scanning and software updates at DCH Subaru of Thousand Oaks in Thousand Oaks, using Subaru factory diagnostic equipment to identify and resolve fault co
2811des."
2812          }
2813        },
2814        {
2815          "@type": "Offer",
2816          "itemOffered": {
2817            "@type": "Service",
2818            "name": "Engine & Transmission Repair",
2819            "serviceType": "Engine & Transmission Repair",
2820            "areaServed": {
2821              "@type": "City",
2822              "name": "Thousand Oaks"
2823            },
2824            "description": "Engine and transmission repair at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by Subaru-certified technicians with access to genuine OEM parts."
2825          }
2826        },
2827        {
2828          "@type": "Offer",
2829          "itemOffered": {
2830            "@type": "Service",
2831            "name": "Fluid Flushes",
2832            "serviceType": "Fluid Flushes",
2833            "areaServed": {
2834              "@type": "City",
2835              "name": "Thousand Oaks"
2836            },
2837            "description": "Comprehensive fluid flush services at DCH Subaru of Thousand Oaks in Thousand Oaks, including transmission, brake, power steering, and differential fluid replacement."
2838          }
2839        },
2840        {
2841          "@type": "Offer",
2842          "itemOffered": {
2843            "@type": "Service",
2844            "name": "Manufacturer Recalls",
2845            "serviceType": "Manufacturer Recalls",
2846            "areaServed": {
2847              "@type": "City",
2848              "name": "Thousand Oaks"
2849            },
2850            "description": "Manufacturer recall repairs at DCH Subaru of Thousand Oaks in Thousand Oaks. Subaru-certified technicians complete all open recalls using genuine OEM parts at no charge."
2851          }
2852        },
2853        {
2854          "@type": "Offer",
2855          "itemOffered": {
2856            "@type": "Service",
2857            "name": "Multi-Point Inspections",
2858            "serviceType": "Multi-Point Inspections",
2859            "areaServed": {
2860              "@type": "City",
2861              "name": "Thousand Oaks"
2862            },
2863            "description": "Comprehensive multi-point vehicle inspection at DCH Subaru of Thousand Oaks in Thousand Oaks, covering all major systems to identify maintenance needs before they become larger issues."
2864          }
2865        },
2866        {
2867          "@type": "Offer",
2868          "itemOffered": {
2869            "@type": "Service",
2870            "name": "Oil Changes",
2871            "serviceType": "Oil Changes",
2872            "areaServed": {
2873              "@type": "City",
2874              "name": "Thousand Oaks"
2875            },
2876            "description": "Oil and filter changes at DCH Subaru of Thousand Oaks in Thousand Oaks, using Subaru-recommended oil grades and genuine OEM filters to maintain engine performance and warranty coverage."
2877          }
2878        },
2879        {
2880          "@type": "Offer",
2881          "itemOffered": {
2882            "@type": "Service",
2883            "name": "Tire Services",
2884            "serviceType": "Tire Services",
2885            "areaServed": {
2886              "@type": "City",
2887              "name": "Thousand Oaks"
2888            },
2889            "description": "Tire sales, rotation, balancing, and alignment services at DCH Subaru of Thousand Oaks in Thousand Oaks. Stocking major brands recommended for Subaru vehicles."
2890          }
2891        },
2892        {
2893          "@type": "Offer",
2894          "itemOffered": {
2895            "@type": "Service",
2896            "name": "Warranty Repairs",
2897            "serviceType": "Warranty Repairs",
2898            "areaServed": {
2899              "@type": "City",
2900              "name": "Thousand Oaks"
2901            },
2902            "description": "Subaru warranty repairs at DCH Subaru of Thousand Oaks in Thousand Oaks, performed by factory-certified technicians using genuine OEM parts covered under your vehicle's factory warranty."
2903          }
2904        },
2905        {
2906          "@type": "Offer",
2907          "itemOffered": {
2908            "@type": "Service",
2909            "name": "Wheel Alignment",
2910            "serviceType": "Wheel Alignment",
2911            "areaServed": {
2912              "@type": "City",
2913              "name": "Thousand Oaks"
2914            },
2915            "description": "Four-wheel alignment service at DCH Subaru of Thousand Oaks in Thousand Oaks, using precision equipment to manufacturer specifications for optimal tire wear and handling."
2916          }
2917        },
2918        {
2919          "@type": "Offer",
2920          "itemOffered": {
2921            "@type": "Service",
2922            "name": "Wiper Blade & Light Bulb Replacement",
2923            "serviceType": "Wiper Blade & Light Bulb Replacement",
2924            "areaServed": {
2925              "@type": "City",
2926              "name": "Thousand Oaks"
2927            },
2928            "description": "Wiper blade and exterior light replacement at DCH Subaru of Thousand Oaks in Thousand Oaks, using OEM-spec components for proper fit and performance."
2929          }
2930        },
2931        {
2932          "@type": "Offer",
2933          "itemOffered": {
2934            "@type": "Service",
2935            "name": "OEM Parts Sales",
2936            "serviceType": "OEM Parts Sales",
2937            "areaServed": {
2938              "@type": "City",
2939              "name": "Thousand Oaks"
2940            },
2941            "description": "Genuine Subaru OEM parts and accessories at DCH Subaru of Thousand Oaks in Thousand Oaks. Factory-original components engineered to exact specifications for your vehicle."
2942          }
2943        }
2944      ]
2945    }
2946  ]
2947}
2948</script>
2948
2949  
2950
2951
2952
2953
2954  
2955
2956
2957    
2957<script>
2958      (function (s, h, i, f, t, d, g, l) {
2959        s[d] = s[d] || function () {
2960          (s[d].q = s[d].q || []).push(arguments)
2961        }, s[d].l = 1 * new Date(); g = h.createElement(i),
2962          l = h.getElementsByTagName(i)[0]; g.async = 1; g.src = f +
2963            '?containerId=' + t + '&dl=' + d; l.parentNode.insertBefore(g, l)
2964      })(window, document, 'script', 'https://tagging.shiftdigitalapps.io/scripts/sd.js',
2965        'SUBARU', 'sd');
2966      sd('create', 'SUBARU', '403666', 'TEAMVELOCITY');
2967    </script>
2967
2968
2969
2970
2971
2972
2973    
2974
2975
2976  
2977
2978<script type="application/javascript">
2979  var keyLength = localStorage.length;
2980  if (keyLength) {
2981    for (var i = 0; i < keyLength; i++) {
2982      var key = localStorage.key(i);
2983      if (key && key.indexOf('-rebates') !== -1) {
2984        localStorage.removeItem(key);
2985      }
2986    }
2987  }
2988</script>
2988
2989
2990
2991<script>
2992    var usePreownedRouteForUsed = 'false' == 'true';
2993    var vehicleBadgesTopSRP = 'false' === 'true';
2994    var showInTransitFilter = 'false' === 'true';
2995    var showInStockFilter = 'false' === 'true';
2996    var showInProductionFilter = 'false' === 'true';
2997    var finalConditionalPriceFontWeight = 'normal';
2998    var HideSubaruOemBadges = 'false' === 'true';
2999    var enableFinalPriceDetails = 'false' === 'true';
3000    var enableListPriceDetails = 'false' === 'true';
3001    var enableDiscountDetails = 'false' === 'true';
3002    var finalPriceDetails = '';
3003    var listPriceDetails = '';
3004    var discountPriceDetails = '';
3005    var sortModelsFilterByCount = 'false' === 'true';
3006    var sortTrimFilterByCount = 'false' === 'true';
3007    var srpDealerDiscountColor = '';
3008
3009    var sortYearFiltersinDescOrder = 'false' === 'true';
3010    var enableUdTestDriveIntegration = 'false' === 'true';
3011    var noResultsLeadFormHeading = '<h2 class=-dq-color-primary font-weight-bold text-center-dq-><strong>Contact Us or <a href=-dq-/reserve-your-vehicle-dq->Reserve Your Vehicle</a>.</strong></h2>';
3012    var noResultsLeadFormSubHeading = 'We don’t currently have this vehicle in stock, but great news, it may be on the way! We frequently have new inventory arriving and can also reserve or locate a vehicle that fits your needs. Simply fill out the form below or give us a call for priority assistance.';
3013    var enableBonusOfferVehicleInterest = 'false' === 'true';
3014    var viewDisclaimerAsLink = 'false' === 'true';
3015    var hideInventoryCount = 'false' === 'true';
3016    var enableModelGroupingOnSRPFilters = 'false' === 'true';
3017    var isEnableHyundaiOEMBanner = 'false' === 'true';
3018    var preQualButtonHoverColor='';
3019    var preQualFontHoverColor='';
3020    var preQualButtonBorderHoverColor = '';
3021    var showLeasePaymentsOnCPO = 'false' === 'true';
3022    var enableSfsCreditApp = 'false' === 'true';
3023</script>
3023
3024
3025
3026
3027
3028
3029
3030
3031<script type="text/javascript">
3032    var stickFiltersToTop = 'true' === "true";
3033    var enableSRPFiltersGetApi = 'false' === "true";
3034    var seeResultsButtonColor = '';
3035    var seeResultsButtonFontColor = '';
3036    var seeResultsButtonBorderColor = '';
3037    var enableLESAVideosSRP = 'true' === "true";
3038    var textAQuoteHeadingLabel = '';
3039    var textAQuoteSubmitButtonLabel = '';
3040    var enableExtGenericColors = 'false' === "true";
3041    var enableInteriorColorFilter = 'false' === "true";
3042    var enableTrasactRedirectionURl = 'false'==="true";
3043    var isCareByVolvoSubscriptionBadge = 'false' === 'true';
3044    var hideColorSwatchesOnSRP = 'false' === "true";
3045    var enableUnityWorksIntegrationSrp = 'false' === "true";
3046    var enableActivEngageSrp = 'false' === "true";
3047    var activEngageButtounLabelDesktop = '';
3048    var activEngageButtounLabelMobile = '';
3049    var enableSelectFiSrp = 'False';
3050    var showIncentiveDetailsText = 'false' === "true";
3051    var showConditionalIncentiveDetailsText = 'false' === "true";
3052	var collapseHeaderOnMobile = 'false' === 'true';
3053    var enableActivEngageSrpMobile = 'false' === "true";
3054    var enableOemAccessoriesIntegration = 'false' === 'true';
3055    var excludeCPOFromUsed = 'false' === 'true';
3056    var showStep2Template = 'false' === "true";
3057    var vehicleTypesInVehicleNamesInventoryType = '';
3058    var vehicleTypeInVehicleNamesUsedlabel = '';
3059    var VehicleTypeInVehicleNamesCpolabel = '';
3060    var showMileageNewVehicles = 'false' === "true";
3061    var EnableGoxeeOnSrp = 'false' === "true";
3062</script>
3062
3063
3064
3065
3066
3067
3068
3069
3070
3071
3072    <!--  -->
3073
3074  <style>
3075  .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}
3075.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}
3075.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>
3075th{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}
3075.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
3075d-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)}
3075.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)}
3075.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)}
3075.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)}
3075.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>
3075.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>
3075.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}
3075.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}
3075.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}
3075.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}
3075.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}
3075.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}
3075.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}}
3075.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}
3075.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}
3075.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}
3075.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}
3075.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}
3075.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}
3075.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}
3076</style>
3077
3078
3079    <link href="https://prod.cdn.secureoffersites.com/dist/p1144/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
3080  <noscript>
3081        <link href="https://prod.cdn.secureoffersites.com/dist/p1144/css/websitegemini/vendor/vendor.css" rel="stylesheet" />
3082  </noscript>
3083
3084  
3085
3086
3087
3088</head>
3089<body class="_website_gemini page-speed   " id="_website_gemini">
3090
3091
3092        
3092<script type="text/html" id="main-template-footer">
3093
3094          
3095
3096
3097<div  id="website-primary-footer" class=''>
3098
3099
3100
3101        <div>
3102            <subaru-corporate-cell></subaru-corporate-cell>
3103            <retail-program-widget></retail-program-widget>
3104        </div>
3105   <div class="bgcolor-primary _theme_footer_background_color pt-3 gemini-footer">
3106    <div class="container footer-container ft-14 py-5 footer-container-top-section">
3107        <div class="row">
3108            <div class="col-lg-3 dealer-information">
3109                <div class="footer-col gemini-footer-text-color mr-lg-4 footer-dealer-info">
3110                    <div class="menu-title-seperator"></div>
3111                    <h3 class="mb-3 color-primary ft-20 footer-menu-title">DCH Subaru of Thousand Oaks</h3>
3112
3113
3114                    <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')">
3115                    <span class="primaryicon-phone mr-2"></span>
3116                    Contact Us
3117                    </a>
3118                        <div class="cursor-pointer">
3119                            <a href="/get-directions" @click="onFooterMenuClick('directions')" class="color-secondary">    
3120
3121                                            <span>
3122                                                3725 Auto Mall Dr,
3123                                            </span>
3124                                        <span>
3125                                            Thousand Oaks, CA 91362
3126                                        </span>
3127                            </a>
3128                        </div>
3129
3130
3131
3132                                <div class="mt-2 footer-phn-num color-secondary">
3133                                    <span>Sales: <a href="tel:805-749-4946" @click="onContactSalesClick('Sales Call Button', 'Footer','805-749-4946')" class="text-underline no-hover Phone_Sales color-secondary pe-none">805-749-4946</a></span>
3134                                </div>
3135                                <div class="mt-2 footer-phn-num color-secondary">
3136                                    <span>Service: <a href="tel:805-316-7118" @click="onContactSalesClick('Service Call Button', 'Footer','805-316-7118')" class="text-underline no-hover Phone_Service color-secondary pe-none">805-316-7118</a></span>
3137                                </div>
3138                            <div class="mt-2 footer-phn-num color-secondary">
3139                                <span>Parts: <a href="tel:805-409-3640" @click="onContactSalesClick('Parts Call Button', 'Footer','805-409-3640')" class="text-underline no-hover Phone_Parts color-secondary pe-none">805-409-3640</a></span>
3140                            </div>
3141                    
3142                        
3143    <div class="social-icons mt-2">
3144            <a @click="onSocialMediaClick('Facebook', 'https://www.facebook.com/DCHSubaruofThousandOaks', $event)" href="https://www.facebook.com/DCHSubaruofThousandOaks" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="Facebook"
3145               :style="{}">
3146                <span><em class="primaryicon-facebook color-primary" title="Facebook" :style="{'color' : '!important'}"></em></span>
3147            </a>
3148            <a @click="onSocialMediaClick('Twitter', 'https://twitter.com/DCHSubaruTO', $event)" href="https://twitter.com/DCHSubaruTO" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="Twitter"
3149               :style="{}">
3150                <span><em class="primaryicon-twitter color-primary" title="Twitter" :style="{'color' : '!important'}"></em></span>
3151            </a>
3152            <a @click="onSocialMediaClick('Youtube', 'https://www.youtube.com/channel/UC6hmDcJWPHoppzRB_2LGaqA', $event)" href="https://www.youtube.com/channel/UC6hmDcJWPHoppzRB_2LGaqA" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="Youtube"
3153               :style="{}">
3154                <span><em class="primaryicon-youtube color-primary" title="Youtube" :style="{'color' : '!important'}"></em></span>
3155            </a>
3156            <a @click="onSocialMediaClick('YelpRater', 'https://www.yelp.com/biz/dch-subaru-of-thousand-oaks-thousand-oaks-6', $event)" href="https://www.yelp.com/biz/dch-subaru-of-thousand-oaks-thousand-oaks-6" rel="noopener" target="_blank" class="text-decoration-none mt-2" title="YelpRater">
3157                <span><em class="primaryicon-Yelp-Icon color-primary" title="YelpRater" :style="{'color' : '!important'}"></em></span>
3158            </a>
3159    </div>
3160
3161                    
3162
3163
3164
3165
3166                </div>
3167            </div>
3168
3169            <div class="col-lg-9 footer-menu-details">
3170                <div class="d-flex">
3171                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
3172                                <div class="menu-title-seperator"></div>
3173                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
3174                                        <a href="/inventory/new" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Inventory`,'',`/inventory/new`)">Inventory</a>
3175                                </h3>
3176                                <div>
3177                                    <ul class="list-style-none p-0">
3178                                                <li class="mt-2"><a href="/inventory/new" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Shop New Inventory`,'',`/inventory/new`)" >Shop New Inventory </a></li>
3179                                                <li class="mt-2"><a href="/inventory/used" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Shop Pre-Owned Inventory`,'',`/inventory/used`)" >Shop Pre-Owned Inventory </a></li>
3180                                                <li class="mt-2"><a href="/inventory/cpo" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Shop Certified Pre-Owned Inventory`,'',`/inventory/cpo`)" >Shop Certified Pre-Owned Inventory </a></li>
3181                                    </ul>
3182                                </div>
3183                            </div>
3184                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
3185                                <div class="menu-title-seperator"></div>
3186                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
3187                                        <a href="https://www.dchsubaruthousandoaks.com/scheduleservice" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Service`,'',`https://www.dchsubaruthousandoaks.com/scheduleservice`)">Service</a>
3188                                </h3>
3189                                <div>
3190                                    <ul class="list-style-none p-0">
3191                                               <li class="mt-2">
3192                                                    <lead-form-link placement="footer"  class="no-hover ft-14 footer-submenu color-secondary" title="Schedule Service" service-link="ScheduleServiceLink"></lead-form-link>
3193                                               </li>
3194                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/specials/service-specials" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Service &amp; Parts Specials`,'',`https://www.dchsubaruthousandoaks.com/specials/service-specials`)" >Service &amp; Parts Specials </a></li>
3195                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/why-subaru-service" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Why Subaru Service`,'',`https://www.dchsubaruthousandoaks.com/why-subaru-service`)" >Why Subaru Service </a></li>
3196                                    </ul>
3197                                </div>
3198                            </div>
3199                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
3200                                <div class="menu-title-seperator"></div>
3201                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
3202                                        <a href="https://www.dchsubaruthousandoaks.com/shopperwizard/mytradevalue" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Financing`,'',`https://www.dchsubaruthousandoaks.com/shopperwizard/mytradevalue`)">Financing</a>
3203                                </h3>
3204                                <div>
3205                                    <ul class="list-style-none p-0">
3206                                                <li class="mt-2"><a href="/getfinancing" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Finance Application`,'',`/getfinancing`)" >Finance Application </a></li>
3207                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/incentives" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Subaru Incentives`,'',`https://www.dchsubaruthousandoaks.com/incentives`)" >Subaru Incentives </a></li>
3208                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/trade-up-advantage" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Trade Up Advantage`,'',`https://www.dchsubaruthousandoaks.com/trade-up-advantage`)" >Trade Up Advantage </a></li>
3209                                    </ul>
3210                                </div>
3211                            </div>
3212                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
3213                                <div class="menu-title-seperator"></div>
3214                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
3215                                        <a href="https://www.dchsubaruthousandoaks.com/contactus" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Dealership`,'',`https://www.dchsubaruthousandoaks.com/contactus`)">Dealership</a>
3216                                </h3>
3217                                <div>
3218                                    <ul class="list-style-none p-0">
3219                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/contactus" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Contact Us`,'',`https://www.dchsubaruthousandoaks.com/contactus`)" >Contact Us </a></li>
3220                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/get-directions" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Directions`,'',`https://www.dchsubaruthousandoaks.com/get-directions`)" >Directions </a></li>
3221                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/concesionario_automoviles_habla_espanol" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Espa&#xF1;ol`,'',`https://www.dchsubaruthousandoaks.com/concesionario_automoviles_habla_espanol`)" >Espa&#xF1;ol </a></li>
3222                                    </ul>
3223                                </div>
3224                            </div>
3225                            <div class="flex-1 footer-col gemini-footer-text-color dynamicfooter">
3226                                <div class="menu-title-seperator"></div>
3227                                <h3 class="mb-3 color-primary footer-menu-title ft-20">
3228                                        <a href="https://www.dchsubaruthousandoaks.com/landing" style="color:inherit" class="no-hover"    @click="onFooterNavigationClick(`Other Information`,'',`https://www.dchsubaruthousandoaks.com/landing`)">Other Information</a>
3229                                </h3>
3230                                <div>
3231                                    <ul class="list-style-none p-0">
3232                                                <li class="mt-2"><a href="https://investors.lithiadriveway.com/ " target="_blank" class="no-hover ft-14 footer-submenu color-secondary"  @click="onFooterNavigationClick(`Investor Relations`,'',`https://investors.lithiadriveway.com/ `)">Investor Relations </a></li>
3233                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/privacy-policy" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Privacy`,'',`https://www.dchsubaruthousandoaks.com/privacy-policy`)" >Privacy </a></li>
3234                                                <li class="mt-2"><a href="https://www.dchsubaruthousandoaks.com/california-privacy-policy" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`California Privacy Policy`,'',`https://www.dchsubaruthousandoaks.com/california-privacy-policy`)" >California Privacy Policy </a></li>
3235                                                <li class="mt-2"><a href="https://www.lithiacares.com/ " target="_blank" class="no-hover ft-14 footer-submenu color-secondary"  @click="onFooterNavigationClick(`Customer Service`,'',`https://www.lithiacares.com/ `)">Customer Service </a></li>
3236                                                <li class="mt-2"><a href="/sitemap.html" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Sitemap`,'',`/sitemap.html`)" >Sitemap </a></li>
3237                                                <li class="mt-2"><a href="https://careers.lithiadriveway.com/opportunities?stores=DCH&#x2B;Subaru&#x2B;of&#x2B;Thousand&#x2B;Oaks&amp;utm_source=store&#x2B;site" target="_blank" class="no-hover ft-14 footer-submenu color-secondary"  @click="onFooterNavigationClick(`Employment`,'',`https://careers.lithiadriveway.com/opportunities?stores=DCH&#x2B;Subaru&#x2B;of&#x2B;Thousand&#x2B;Oaks&amp;utm_source=store&#x2B;site`)">Employment </a></li>
3238                                                <li class="mt-2"><a href="https://www.lithia4kids.com/" target="_blank" class="no-hover ft-14 footer-submenu color-secondary"  @click="onFooterNavigationClick(`Lithia4Kids`,'',`https://www.lithia4kids.com/`)">Lithia4Kids </a></li>
3239                                                <li class="mt-2"><a href="https://www.lithia.com/" target="_blank" class="no-hover ft-14 footer-submenu color-secondary"  @click="onFooterNavigationClick(`Lithia.com`,'',`https://www.lithia.com/`)">Lithia.com </a></li>
3240                                                <li class="mt-2"><a href="https://www.driveway.com/?utm_medium=referral&amp;utm_campaign=lithia&amp;utm_content=footer" target="_blank" class="no-hover ft-14 footer-submenu color-secondary"  @click="onFooterNavigationClick(`Buy, Sell, Service Cars Online &#x2013; Driveway.com`,'',`https://www.driveway.com/?utm_medium=referral&amp;utm_campaign=lithia&amp;utm_content=footer`)">Buy, Sell, Service Cars Online &#x2013; Driveway.com </a></li>
3241                                                <li class="mt-2"><a href="https://www.youtube.com/channel/UC6hmDcJWPHoppzRB_2LGaqA" target="_blank" class="no-hover ft-14 footer-submenu color-secondary"  @click="onFooterNavigationClick(`Youtube`,'',`https://www.youtube.com/channel/UC6hmDcJWPHoppzRB_2LGaqA`)">Youtube </a></li>
3242                                    </ul>
3243                                </div>
3244                            </div>
3245                </div>
3246            </div>
3247        </div>
3248    </div>
3249    
3250    <div class="bgcolor-white py-3 footer-container-bottom-section">
3251        <div class="container footer-container">
3252            <div class="d-flex justify-content-between ft-12 footer-option-links">
3253              <div class="d-flex align-items-center footer-option-links-left-section">
3254
3255
3256
3257                <a href="" class="mr-2 text-decoration-none footer-client-name color-secondary" style="cursor:initial">DCH Subaru of Thousand Oaks </a>
3258
3259
3260                  <a @click.prevent="openPrivacy('/privacy-policy','Privacy Policy')" href="/privacy-policy" class="mr-2 text-underline color-secondary">Privacy Policy</a>
3261
3262
3263
3264
3265                <a @click.prevent="openTerms('Terms Of Use','')" href="" class="mr-2 text-underline color-secondary"> Terms Of Use</a>
3266
3267                  <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>
3268                  <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>
3269
3270                <a href="/contactus" @click="onFooterNavigationClick('Contact Us', '','/contactus')"  class="mr-2 text-underline color-secondary">Contact Us</a>
3271                    <a href="/privacy-requests" target="_blank" class="mr-2 text-underline color-secondary"  @click="onFooterNavigationClick('CCPA Opt-Out', '', `/privacy-requests`)">CCPA Opt-Out</a>
3272
3273
3274              </div>
3275                    <div class="pt-1">
3276                        <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>
3277                    </div>
3278            </div>
3279        </div>
3280    </div>
3281    <contact-form :opencontact="ContactForm"
3282                  offerid=""
3283                  styleid=""
3284                  vin=""
3285                  dealerurl=""
3286                  v-if="ContactForm"
3287                  @hidemodal="ContactForm = false"></contact-form>
3288    <schedule-service-modal-form v-if="openScheduleService" @hidemodal="openScheduleService = false"></schedule-service-modal-form>
3289    <get-financing v-if="openFinance" @hidemodal="openFinance = false"></get-financing>
3290    <privacy-statement v-if="showPrivacy"
3291                       :openprivacystatement="showPrivacy"
3292                       @hidemodal="showPrivacy = false">
3293    </privacy-statement>
3294     <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
3295                   :url="showIframeUrl"></iframe-modal>
3296    <additional-disclosure v-if="showDisclosure"
3297                           :openadditionaldisclosure="showDisclosure"
3298                           @hidemodal="showDisclosure = false">
3299    </additional-disclosure>
3300    <termsof-use v-if="showTerms"
3301                 :opentermsofuse="showTerms"
3302                 @hidemodal="showTerms = false">
3303    </termsof-use>
3304    </div>
3305</div>
3306
3307
3308
3309
3310
3311          </script>
3311
3312        
3312<script type="text/html" id="main-template-header">
3313          <div id="website-primary-header" class="gemini_header position-fixed w-100 bgcolor-primary _theme_background_color Website_Gemini_header_Utility_header_selection theme-header" :class="[ menuTransparent ? 'transparent-header' : 'non-transparent-header']">
3314            
3315
3316
3317
3318
3319      <div class="header _primary_template_header gemini-utility-menu w-100 _website_header">
3320
3321        <div class="bg-white color-primary gemini-utility-menu-wrapper">
3322
3323          <div class="container">
3324
3325           <div @click='onHeaderMenuClick();' class="align-items-center d-flex justify-content-between utility-bar-top w-100 ft-12">
3326            <div class="d-flex align-items-center justify-content-end flex-grow-1">
3327                <div>DCH Subaru of Thousand Oaks</div>
3328                <div class="line-seperator mx-2"></div>
3329
3330
3331                <div class="d-flex align-items-center phone-numbers-label-container">
3332                       <div class="line-seperator mx-3"></div> <div class="text-center">
3333                        <em class="primaryicon-phone mr-1"></em>&nbsp;Sales <a href="tel:805-749-4946"
3334                                                                    @click="onContactSalesClick('Sales Call Button', 'Header','805-749-4946')"
3335                                                                    class="Phone_Sales color-primary wordBreak pe-none">805-749-4946</a>
3336                                                                  </div>
3337                      <div class="line-seperator mx-2"></div> <div class="text-center">
3338                        Service <a href="tel:805-316-7118" class="Phone_Service color-primary wordBreak pe-none"
3339                                                                      @click="onContactSalesClick('Service Call Button', 'Header','805-316-7118')">805-316-7118</a>
3340                                                                    </div>
3341                    <div class="line-seperator mx-2"></div>
3342                    <div class="text-center">
3343                      Parts <a href="tel:805-409-3640" @click="onContactSalesClick('Parts Call Button', 'Header')"
3344                                                                  class="Phone_Parts color-primary wordBreak pe-none">805-409-3640</a>
3345                                                                </div>
3346                </div>
3347
3348                <div class="ml-3 mr-2">
3349                  <a href="/get-directions" class="no-hover ml-2 color-primary" title="location" @click='onDirectionsLinkClickForEvent()'>
3350                    <em class="primaryicon-map-pin "></em>
3351                  </a>
3352                </div>
3353                <div class="cursor-pointer header-dealer-address" @click.prevent='onDirectionsClick("3725 Auto Mall Dr, Thousand Oaks, CA 91362")'>
3354                  3725 Auto Mall Dr, Thousand Oaks, CA 91362
3355                </div>
3356
3357
3358                <div class="ml-4">
3359                  <div class="businesshours-hover position-relative cursor-pointer d-flex">
3360                      <div class="mr-1"><em class="primaryicon-clock mr-1 ft-11"></em>Today  <span>9:00 AM - 8:00 PM</span></div>
3361                      <div class="ml-1"><em class="primaryicon-clock mr-1 ft-11"></em>Service  <span>7:00 AM - 6:00 PM</span></div>
3362                    <div class="position-absolute d-none show-businesshours-hover black-text p-3 w-100">
3363                        <h6 class="text-center"> Open Today !  </h6>
3364                            <div class="d-flex ft-15 text-left">
3365                            <span>  Sales: </span> <span class="ml-1"> 9:00 AM - 8:00 PM </span>
3366                            </div>
3367                            <div class="d-flex ft-15 text-left">
3368                            <span>  Service: </span> <span class="ml-1"> 7:00 AM - 6:00 PM </span>
3369                            </div>
3370                            <div class="d-flex ft-15 text-left">
3371                            <span>  Parts: </span> <span class="ml-1"> 7:00 AM - 6:00 PM </span>
3372                            </div>
3373                      <div class="text-center mt-3">
3374                        <div class="color-primary ft-24 no-hover theme-text-color" title="directions"
3375                             @click.prevent="showDirections=true,allhoursGetDirections =true,allHoursClick()">
3376                            <u>All Hours</u>
3377                        </div>
3378                      </div>
3379
3380                    </div>
3381                  </div>
3382                </div>
3383              </div>
3384            </div>
3385            </div>
3386
3387    </div>
3388
3389    <div  class="header-menu _primary_template_header_menu position-relative _theme_background_color bgcolor-primary"  @mouseleave='onMouseLeave()'>
3390        <div class="container">
3391              <div class="d-flex align-items-center justify-content-between position-relative row flex-nowrap header-menu-wrapper" style="z-index: 1000;height: 80px;">
3392                <div class=" col-auto">
3393                    <a href="/" title="DCH Subaru of Thousand Oaks" @click='onLogoClick(`/`)'>
3394                        <img src="https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=885174&amp;Width=0&amp;Height=0&amp;logo=y" alt="DCH Subaru of Thousand Oaks" title="DCH Subaru of Thousand Oaks"
3395                             class="header-make-logo" style="max-height: 80px" />
3396                    </a>
3397
3398                </div>
3399
3400
3401
3402
3403                <div class="align-items-center col d-flex justify-content-end p-0">
3404
3405
3406
3407
3408
3409                       <template v-if="!showVehicleSearch">
3410                         
3411
3412
3413<div class="d-flex horizontalmenu align-items-center h-100 justify-content-end large-listed-menu">
3414      <div class="d-flex position-relative align-items-center px-0">
3415       
3416            <a href="/inventory/new" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
3417              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 527868, menuName: `New ` })'
3418              @mouseover='onMouseOver(527868, `New `)' :class='isEvVehicleText(`New `)' >
3419            <span :class='{"hybrid-menu":isEvVehicleText(`New `),"text-underline":527868==tempMenuId && showContactForm}' >New </span>
3420                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
3421          style="color:#c5c5c5;"></em>
3422          </a>
3423        
3424       
3425        <div class="line-seperator mx-2"></div>
3426
3427
3428      </div>
3429      <div class="d-flex position-relative align-items-center px-0">
3430       
3431            <a href="/inventory/used" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
3432              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 527869, menuName: `Used ` })'
3433              @mouseover='onMouseOver(527869, `Used `)' :class='isEvVehicleText(`Used `)' >
3434            <span :class='{"hybrid-menu":isEvVehicleText(`Used `),"text-underline":527869==tempMenuId && showContactForm}' >Used </span>
3435                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
3436          style="color:#c5c5c5;"></em>
3437          </a>
3438        
3439       
3440        <div class="line-seperator mx-2"></div>
3441
3442
3443      </div>
3444      <div class="d-flex position-relative align-items-center px-0">
3445       
3446            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
3447              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 529871, menuName: `Electric &amp; Hybrid` })'
3448              @mouseover='onMouseOver(529871, `Electric &amp; Hybrid`)' :class='isEvVehicleText(`Electric &amp; Hybrid`)' >
3449            <span :class='{"hybrid-menu":isEvVehicleText(`Electric &amp; Hybrid`),"text-underline":529871==tempMenuId && showContactForm}' >Electric &amp; Hybrid</span>
3450                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
3451          style="color:#c5c5c5;"></em>
3452          </a>
3453        
3454       
3455        <div class="line-seperator mx-2"></div>
3456
3457
3458      </div>
3459      <div class="d-flex align-items-center align-items-center px-0" >
3460        <a href="https://www.dchsubaruthousandoaks.com/buy-online/start-your-car-deal-thousand-oaks-ca" class="py-3 px-4 text-white no-hover h-menu-item skip-cta-interaction" :class='isEvVehicleText(`Buy Online`)'
3461      @click='onClickMenuItemHasNoSubmenu({ event: $event, menuId: 528428, menuName: `Buy Online`, menuLink: "https://www.dchsubaruthousandoaks.com/buy-online/start-your-car-deal-thousand-oaks-ca" })'
3462      @mouseover='onMouseLeave()'>
3463      <span>Buy Online</span></a>
3464       <div class="line-seperator mx-2"></div>
3465      </div>
3466      <div class="d-flex position-relative align-items-center px-0">
3467       
3468            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
3469              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 536845, menuName: `Specials` })'
3470              @mouseover='onMouseOver(536845, `Specials`)' :class='isEvVehicleText(`Specials`)' >
3471            <span :class='{"hybrid-menu":isEvVehicleText(`Specials`),"text-underline":536845==tempMenuId && showContactForm}' >Specials</span>
3472                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
3473          style="color:#c5c5c5;"></em>
3474          </a>
3475        
3476       
3477        <div class="line-seperator mx-2"></div>
3478
3479
3480      </div>
3481      <div class="d-flex position-relative align-items-center px-0">
3482       
3483            <a href="#financing" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
3484              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 527870, menuName: `Finance ` })'
3485              @mouseover='onMouseOver(527870, `Finance `)' :class='isEvVehicleText(`Finance `)' >
3486            <span :class='{"hybrid-menu":isEvVehicleText(`Finance `),"text-underline":527870==tempMenuId && showContactForm}' >Finance </span>
3487                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
3488          style="color:#c5c5c5;"></em>
3489          </a>
3490        
3491       
3492        <div class="line-seperator mx-2"></div>
3493
3494
3495      </div>
3496      <div class="d-flex position-relative align-items-center px-0">
3497       
3498            <a href="" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
3499              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 554385, menuName: `Service &amp; Parts` })'
3500              @mouseover='onMouseOver(554385, `Service &amp; Parts`)' :class='isEvVehicleText(`Service &amp; Parts`)' >
3501            <span :class='{"hybrid-menu":isEvVehicleText(`Service &amp; Parts`),"text-underline":554385==tempMenuId && showContactForm}' >Service &amp; Parts</span>
3502                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
3503          style="color:#c5c5c5;"></em>
3504          </a>
3505        
3506       
3507        <div class="line-seperator mx-2"></div>
3508
3509
3510      </div>
3511      <div class="d-flex align-items-center align-items-center px-0" >
3512        <a href="https://www.dchsubaruthousandoaks.com/subaru-love-promise" class="py-3 px-4 text-white no-hover h-menu-item skip-cta-interaction" :class='isEvVehicleText(`Subaru Love Promise`)'
3513      @click='onClickMenuItemHasNoSubmenu({ event: $event, menuId: 546737, menuName: `Subaru Love Promise`, menuLink: "https://www.dchsubaruthousandoaks.com/subaru-love-promise" })'
3514      @mouseover='onMouseLeave()'>
3515      <span>Subaru Love Promise</span></a>
3516       <div class="line-seperator mx-2"></div>
3517      </div>
3518      <div class="d-flex position-relative align-items-center px-0">
3519       
3520            <a href="https://www.dchsubaruthousandoaks.com/contactus" class="px-4 no-hover d-flex align-items-center h-100 h-menu-item text-white skip-cta-interaction"
3521              @click.prevent='onClickMenuItemHasSubmenu({ event: $event, hasSubMenu: true, menuId: 527872, menuName: `About` })'
3522              @mouseover='onMouseOver(527872, `About`)' :class='isEvVehicleText(`About`)' >
3523            <span :class='{"hybrid-menu":isEvVehicleText(`About`),"text-underline":527872==tempMenuId && showContactForm}' >About</span>
3524                <em class="primaryicon-angle-down ml-2 _theme_arrow_color ft-12"
3525          style="color:#c5c5c5;"></em>
3526          </a>
3527        
3528       
3529        <div class="line-seperator mx-2"></div>
3530
3531
3532      </div>
3533
3534</div>
3535
3536
3537
3538
3539
3540
3541
3542                              <div class="col-auto px-0 d-flex align-items-center mx-2 text-white language-bw-styles">
3543                                <language-change-icon :icon="showGlobeIcon" location="utilityWithNav"></language-change-icon>
3544                                <div class="line-seperator  ml-3 mr-1"></div>
3545                              </div>
3546
3547
3548                              <div class="col-auto px-0  d-flex align-items-center mx-2 signin-container">
3549                                <a class="signin-box no-hover analytics_popup cursor-pointer" @click.prevent="headerSignInClick()"
3550                                 style="color: #fff"
3551                                 >    <span v-if='!showSignInGlobeIcon'>Sign In</span>
3552                                  <div class="tool-tip-icon" v-else>
3553                                    <em  style="color: " class="primaryicon-user-circle ft-20"></em>
3554                                      <div class="header-icon-tool-tip position-absolute align-items-center justify-content-center ft-11">Sign In</div>
3555                                  </div>
3556
3557                                </a>
3558                                <div class="line-seperator ml-3 mr-2"></div>
3559                              </div>
3560
3561                              <a href="#header-search" @click.stop.prevent="enableSearch()" class="header-search-icon no-hover ml-2 color-white cursor-pointer" title="search">
3562                                <span><em class="primaryicon-search no-hover ft-20"></em></span>
3563                              </a>
3564
3565                       </template>
3566
3567                        <div v-if="showVehicleSearch" class="vehicle-search-header col-lg-8 p-0" @click.stop v-click-outside="hideVehicleSearch">
3568                          <common-vehicle-search :focus-on-mount="true"></common-vehicle-search>
3569                        </div>
3570                </div>
3571            </div>
3572        </div>
3573        <template>
3574          <hover-sign-in-popup></hover-sign-in-popup>
3575        </template>
3576    </div>
3577
3578    <div id="searchmenu" class="d-none">
3579    </div>
3580
3581    <div v-if="allhoursGetDirections">
3582        <get-directions v-if="showDirections" @hidemodal="showDirections =false;allhoursGetDirections-false" class="hours-getdirection" :ishoursgetdirection="true"></get-directions>
3583    </div>
3584    <div v-if="mapiconGetDirections">
3585         <get-directions v-if="showDirections" @hidemodal="showDirections =false;mapiconGetDirections= false; " class="maps-getDirection" :ismapicongetdirection="true"></get-directions>
3586    </div>
3587
3588    <div id="iframeloginid" class="d-none">
3589        <div class="header-login-details" v-if="showiframelogin">
3590            <div class="d-flex justify-content-between align-items-center py-3 px-4">
3591                <h5 class="m-0 color-primary"><em class="primaryicon-user-circle-solid color-primary"></em> Login</h5>
3592                <div><a href="" style="color: #808080" @click.prevent="onCloseClick()"><em class="primaryicon-times"></em></a></div>
3593            </div>
3594            <iframe-login v-if="showiframelogin"></iframe-login>
3595        </div>
3596    </div>
3597    <sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
3598                   :dealerurl="'https://www.dchsubaruthousandoaks.com/identitylogin'"></sign-in-modal>
3599<sign-in-back v-if="showSignOutModal" @signback="signInBackClick()" @hidemodal="showSignOutModal = false"></sign-in-back>
3600
3601    <registration-modal> </registration-modal>
3602                   <iframe-modal v-if="showIframeUrl" @hideiframe="showIframeUrl=false"
3603                   :url="showIframeUrl"></iframe-modal>
3604
3605        <research-models-container v-if="showPrimaryResearchModels"
3606                :desktopsubmenu="false" @primaryresearchmodels="showPrimaryResearchModels = false"></research-models-container>
3607    <horizontal-build-price-menu v-if="showBuildPriceMenu" :submenublackcolor="true" :isprimary="true"
3608    @buildprice="showBuildPriceMenu = false"></horizontal-build-price-menu>
3609
3610</div>
3611
3612  <div v-if="showMenuSection" class="mm-background-wrapper" @click="onClickBackgroundWrapper($event)"></div>
3613
3614
3615<template v-if="true">
3616  <div v-if="showMenuSection" class="sty2-submenu-container" :class="{ 'no-dynamic-sec-for-menu': !menuHasSettings }">
3617    <div class="close-in-submenu" @click="closeMegaMenuSection($event)">
3618      <template v-if="isFerrariTheme">
3619        <em  class="primaryicon-f-close-icon ft-18"></em>
3620      </template>
3621      <template v-else>
3622      <em class="primaryicon-close-circle mobile-mm-icon ft-24">
3623        <span class="path1"></span>
3624        <span class="path2"></span>
3625        <span class="path3"></span>
3626      </em>
3627      </template>
3628    </div>
3629    <div class="sty2-submenu-body" :class="dynamicDefaultComponent">
3630      <div class="left-submenu d-flex flex-column justify-content-between">
3631        <div class="scrollable-menu-section level-two-three-menu-section">
3632          
3633<div class="d-flex flex-column v-mm-level-two-items-wrapper">
3634          <div v-if="selectedLevelOneMenu==527868">
3635              <a href="/inventory/new" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3636               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Vehicles", subMenuLink: "/inventory/new" })'>
3637                <span>New Vehicles</span>
3638              </a>
3639          </div>
3640          <div v-if="selectedLevelOneMenu==527868">
3641              <a href="/inventory/new/subaru/crosstrek" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3642               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Crosstrek", subMenuLink: "/inventory/new/subaru/crosstrek" })'>
3643                <span>New Crosstrek</span>
3644              </a>
3645          </div>
3646          <div v-if="selectedLevelOneMenu==527868">
3647              <a href="/inventory/new/subaru/crosstrek?fueltypes=hybrid" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3648               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Crosstrek Hybrid", subMenuLink: "/inventory/new/subaru/crosstrek?fueltypes=hybrid" })'>
3649                <span>New Crosstrek Hybrid</span>
3650              </a>
3651          </div>
3652          <div v-if="selectedLevelOneMenu==527868">
3653              <a href="/inventory/new/subaru/forester" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3654               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Forester", subMenuLink: "/inventory/new/subaru/forester" })'>
3655                <span>New Forester</span>
3656              </a>
3657          </div>
3658          <div v-if="selectedLevelOneMenu==527868">
3659              <a href="/inventory/new/subaru/forester?fueltypes=hybrid" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3660               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Forester Hybrid", subMenuLink: "/inventory/new/subaru/forester?fueltypes=hybrid" })'>
3661                <span>New Forester Hybrid</span>
3662              </a>
3663          </div>
3664          <div v-if="selectedLevelOneMenu==527868">
3665              <a href="/inventory/new/subaru/outback" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3666               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Outback", subMenuLink: "/inventory/new/subaru/outback" })'>
3667                <span>New Outback</span>
3668              </a>
3669          </div>
3670          <div v-if="selectedLevelOneMenu==527868">
3671              <a href="/inventory/new/subaru/solterra" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3672               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Solterra EV", subMenuLink: "/inventory/new/subaru/solterra" })'>
3673                <span>New Solterra EV</span>
3674              </a>
3675          </div>
3676          <div v-if="selectedLevelOneMenu==527868">
3677              <a href="/inventory/new/subaru/ascent" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3678               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Ascent ", subMenuLink: "/inventory/new/subaru/ascent" })'>
3679                <span>New Ascent </span>
3680              </a>
3681          </div>
3682          <div v-if="selectedLevelOneMenu==527868">
3683              <a href="/inventory/new/subaru?fueltypes=hybrid&amp;ungroup=true" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3684               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Subaru Hybrids For Sale", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid\u0026ungroup=true" })'>
3685                <span>New Subaru Hybrids For Sale</span>
3686              </a>
3687          </div>
3688          <div v-if="selectedLevelOneMenu==527868">
3689              <a href="/inventory/new/subaru?vehicletypes=sedan&amp;ungroup=true" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3690               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Subaru Sedans For Sale", subMenuLink: "/inventory/new/subaru?vehicletypes=sedan\u0026ungroup=true" })'>
3691                <span>New Subaru Sedans For Sale</span>
3692              </a>
3693          </div>
3694          <div v-if="selectedLevelOneMenu==527868">
3695              <a href="/inventory/new/subaru?vehicletypes=suv" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3696               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "New Subaru SUVs For Sale", subMenuLink: "/inventory/new/subaru?vehicletypes=suv" })'>
3697                <span>New Subaru SUVs For Sale</span>
3698              </a>
3699          </div>
3700          <div v-if="selectedLevelOneMenu==527868">
3701              <a href="https://www.dchsubaruthousandoaks.com/sell-us-your-car" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3702               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "Appraise My Vehicle", subMenuLink: "https://www.dchsubaruthousandoaks.com/sell-us-your-car" })'>
3703                <span>Appraise My Vehicle</span>
3704              </a>
3705          </div>
3706          <div v-if="selectedLevelOneMenu==527868">
3707              <a href="/kbb-ico" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3708               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527868, menuName: "New ", menuLink: "/inventory/new", subMenuName: "KBB Instant Cash Offer", subMenuLink: "/kbb-ico" })'>
3709                <span>KBB Instant Cash Offer</span>
3710              </a>
3711          </div>
3712          <div v-if="selectedLevelOneMenu==527869">
3713              <a href="/inventory/used" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3714               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Used Cars", subMenuLink: "/inventory/used" })'>
3715                <span>Used Cars</span>
3716              </a>
3717          </div>
3718          <div v-if="selectedLevelOneMenu==527869">
3719              <a href="/sell-us-your-car" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3720               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Appraise My Vehicle", subMenuLink: "/sell-us-your-car" })'>
3721                <span>Appraise My Vehicle</span>
3722              </a>
3723          </div>
3724          <div v-if="selectedLevelOneMenu==527869">
3725              <a href="/inventory/cpo" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3726               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Certified Pre-Owned Vehicles", subMenuLink: "/inventory/cpo" })'>
3727                <span>Certified Pre-Owned Vehicles</span>
3728              </a>
3729          </div>
3730          <div v-if="selectedLevelOneMenu==527869">
3731              <a href="https://www.dchsubaruthousandoaks.com/used-subaru/thousand-oaks-ca" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3732               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Used Subaru Inventory", subMenuLink: "https://www.dchsubaruthousandoaks.com/used-subaru/thousand-oaks-ca" })'>
3733                <span>Used Subaru Inventory</span>
3734              </a>
3735          </div>
3736          <div v-if="selectedLevelOneMenu==527869">
3737              <a href="https://www.dchsubaruthousandoaks.com/bargain-inventory" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3738               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Value Vehicles Under $20K", subMenuLink: "https://www.dchsubaruthousandoaks.com/bargain-inventory" })'>
3739                <span>Value Vehicles Under $20K</span>
3740              </a>
3741          </div>
3742          <div v-if="selectedLevelOneMenu==527869">
3743              <a href="https://www.dchsubaruthousandoaks.com/used-inventory/fuel-economy-preowned-inventory" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3744               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Fuel Economy Pre-Owned Vehicles", subMenuLink: "https://www.dchsubaruthousandoaks.com/used-inventory/fuel-economy-preowned-inventory" })'>
3745                <span>Fuel Economy Pre-Owned Vehicles</span>
3746              </a>
3747          </div>
3748          <div v-if="selectedLevelOneMenu==527869">
3749              <a href="https://www.dchsubaruthousandoaks.com/subaru-certified-preowned-program" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3750               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Subaru Certified Pre-Owned Program", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-certified-preowned-program" })'>
3751                <span>Subaru Certified Pre-Owned Program</span>
3752              </a>
3753          </div>
3754          <div v-if="selectedLevelOneMenu==527869">
3755              <a href="https://www.dchsubaruthousandoaks.com/used-inventory/suvs-thousand-oaks" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3756               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Shop Used SUVs", subMenuLink: "https://www.dchsubaruthousandoaks.com/used-inventory/suvs-thousand-oaks" })'>
3757                <span>Shop Used SUVs</span>
3758              </a>
3759          </div>
3760          <div v-if="selectedLevelOneMenu==527869">
3761              <a href="https://www.dchsubaruthousandoaks.com/used-inventory/trucks-thousand-oaks-ca" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3762               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Shop Used Trucks", subMenuLink: "https://www.dchsubaruthousandoaks.com/used-inventory/trucks-thousand-oaks-ca" })'>
3763                <span>Shop Used Trucks</span>
3764              </a>
3765          </div>
3766          <div v-if="selectedLevelOneMenu==527869">
3767              <a href="https://www.dchsubaruthousandoaks.com/used-inventory/sedans-thousand-oaks" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3768               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "Shop Used Cars", subMenuLink: "https://www.dchsubaruthousandoaks.com/used-inventory/sedans-thousand-oaks" })'>
3769                <span>Shop Used Cars</span>
3770              </a>
3771          </div>
3772          <div v-if="selectedLevelOneMenu==527869">
3773              <a href="/kbb-ico" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3774               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527869, menuName: "Used ", menuLink: "/inventory/used", subMenuName: "KBB Instant Cash Offer", subMenuLink: "/kbb-ico" })'>
3775                <span>KBB Instant Cash Offer</span>
3776              </a>
3777          </div>
3778          <div v-if="selectedLevelOneMenu==529871">
3779              <a href="/inventory/new/subaru?fueltypes=hybrid,electric" target="_self" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3780               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric"})'>
3781                <span>EV &amp; Hybrid Inventory</span>
3782              </a>
3783              <ul class="v-mm-level-three-menu">
3784                    <li class="color-primary">
3785                      <a href="/inventory/new/subaru/crosstrek?fueltypes=hybrid" class="no-hover v-mm-level-three-menu-item"
3786                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric", subSubMenuName: "Crosstrek Hybrid Inventory", subSubMenuLink: "/inventory/new/subaru/crosstrek?fueltypes=hybrid" })'>
3787                        <span>Crosstrek Hybrid Inventory</span>
3788                      </a>
3789                    </li>
3790                    <li class="color-primary">
3791                      <a href="/inventory/new/subaru/forester?fueltypes=hybrid" class="no-hover v-mm-level-three-menu-item"
3792                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric", subSubMenuName: "Forester Hybrid Inventory", subSubMenuLink: "/inventory/new/subaru/forester?fueltypes=hybrid" })'>
3793                        <span>Forester Hybrid Inventory</span>
3794                      </a>
3795                    </li>
3796                    <li class="color-primary">
3797                      <a href="/inventory/new/subaru/solterra" class="no-hover v-mm-level-three-menu-item"
3798                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric", subSubMenuName: "Solterra EV Inventory", subSubMenuLink: "/inventory/new/subaru/solterra" })'>
3799                        <span>Solterra EV Inventory</span>
3800                      </a>
3801                    </li>
3802                    <li class="color-primary">
3803                      <a href="/inventory/new/subaru/uncharted" class="no-hover v-mm-level-three-menu-item"
3804                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric", subSubMenuName: "Uncharted EV Inventory", subSubMenuLink: "/inventory/new/subaru/uncharted" })'>
3805                        <span>Uncharted EV Inventory</span>
3806                      </a>
3807                    </li>
3808                    <li class="color-primary">
3809                      <a href="/inventory/new/subaru?fueltypes=electric&amp;ungroup=true" class="no-hover v-mm-level-three-menu-item"
3810                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric", subSubMenuName: "New Electric Inventory", subSubMenuLink: "/inventory/new/subaru?fueltypes=electric\u0026ungroup=true" })'>
3811                        <span>New Electric Inventory</span>
3812                      </a>
3813                    </li>
3814                    <li class="color-primary">
3815                      <a href="/inventory/new/subaru?fueltypes=hybrid&amp;ungroup=true" class="no-hover v-mm-level-three-menu-item"
3816                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric", subSubMenuName: "New Hybrid Inventory", subSubMenuLink: "/inventory/new/subaru?fueltypes=hybrid\u0026ungroup=true" })'>
3817                        <span>New Hybrid Inventory</span>
3818                      </a>
3819                    </li>
3820                    <li class="color-primary">
3821                      <a href="/inventory/used?fueltypes=hybrid,electric" class="no-hover v-mm-level-three-menu-item"
3822                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "EV \u0026 Hybrid Inventory", subMenuLink: "/inventory/new/subaru?fueltypes=hybrid,electric", subSubMenuName: "Used Electric \u0026 Hybrid Inventory", subSubMenuLink: "/inventory/used?fueltypes=hybrid,electric" })'>
3823                        <span>Used Electric &amp; Hybrid Inventory</span>
3824                      </a>
3825                    </li>
3826              </ul>
3827          </div>
3828          <div v-if="selectedLevelOneMenu==529871">
3829              <a href="/showroom/index" target="_self" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3830               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "Research", subMenuLink: "/showroom/index"})'>
3831                <span>Research</span>
3832              </a>
3833              <ul class="v-mm-level-three-menu">
3834                    <li class="color-primary">
3835                      <a href="/2026-subaru-solterra-launch" class="no-hover v-mm-level-three-menu-item"
3836                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "Research", subMenuLink: "/showroom/index", subSubMenuName: "2026 Solterra EV", subSubMenuLink: "/2026-subaru-solterra-launch" })'>
3837                        <span>2026 Solterra EV</span>
3838                      </a>
3839                    </li>
3840                    <li class="color-primary">
3841                      <a href="/subaru-crosstrek-hybrid-launch" class="no-hover v-mm-level-three-menu-item"
3842                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "Research", subMenuLink: "/showroom/index", subSubMenuName: "2026 Crosstrek Hybrid", subSubMenuLink: "/subaru-crosstrek-hybrid-launch" })'>
3843                        <span>2026 Crosstrek Hybrid</span>
3844                      </a>
3845                    </li>
3846                    <li class="color-primary">
3847                      <a href="/subaru-trailseeker-launch" class="no-hover v-mm-level-three-menu-item"
3848                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "Research", subMenuLink: "/showroom/index", subSubMenuName: "2026 Subaru Trailseeker", subSubMenuLink: "/subaru-trailseeker-launch" })'>
3849                        <span>2026 Subaru Trailseeker</span>
3850                      </a>
3851                    </li>
3852                    <li class="color-primary">
3853                      <a href="/2026-subaru-uncharted-launch" class="no-hover v-mm-level-three-menu-item"
3854                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "Research", subMenuLink: "/showroom/index", subSubMenuName: "2026 Subaru Uncharted", subSubMenuLink: "/2026-subaru-uncharted-launch" })'>
3855                        <span>2026 Subaru Uncharted</span>
3856                      </a>
3857                    </li>
3858                    <li class="color-primary">
3859                      <a href="/greencars/electric-vehicle-information" class="no-hover v-mm-level-three-menu-item"
3860                       @click='onLevelThreeMenuClick({ event: $event, menuLevel: "sub submenu", menuId: 529871, menuName: "Electric \u0026 Hybrid", menuLink: "", subMenuName: "Research", subMenuLink: "/showroom/index", subSubMenuName: "Greencars", subSubMenuLink: "/greencars/electric-vehicle-information" })'>
3861                        <span>Greencars</span>
3862                      </a>
3863                    </li>
3864              </ul>
3865          </div>
3866          <div v-if="selectedLevelOneMenu==536845">
3867              <a href="https://www.dchsubaruthousandoaks.com/monthly-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3868               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "New Car Specials", subMenuLink: "https://www.dchsubaruthousandoaks.com/monthly-specials" })'>
3869                <span>New Car Specials</span>
3870              </a>
3871          </div>
3872          <div v-if="selectedLevelOneMenu==536845">
3873              <a href="https://www.dchsubaruthousandoaks.com/specials/vehicle-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3874               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "Manager Specials", subMenuLink: "https://www.dchsubaruthousandoaks.com/specials/vehicle-specials" })'>
3875                <span>Manager Specials</span>
3876              </a>
3877          </div>
3878          <div v-if="selectedLevelOneMenu==536845">
3879              <a href="https://www.dchsubaruthousandoaks.com/specials/preowned-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3880               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "Used Car Specials", subMenuLink: "https://www.dchsubaruthousandoaks.com/specials/preowned-specials" })'>
3881                <span>Used Car Specials</span>
3882              </a>
3883          </div>
3884          <div v-if="selectedLevelOneMenu==536845">
3885              <a href="https://www.dchsubaruthousandoaks.com/incentives" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3886               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "Subaru Incentives", subMenuLink: "https://www.dchsubaruthousandoaks.com/incentives" })'>
3887                <span>Subaru Incentives</span>
3888              </a>
3889          </div>
3890          <div v-if="selectedLevelOneMenu==536845">
3891              <a href="https://www.dchsubaruthousandoaks.com/specials/service-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3892               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "Service Specials", subMenuLink: "https://www.dchsubaruthousandoaks.com/specials/service-specials" })'>
3893                <span>Service Specials</span>
3894              </a>
3895          </div>
3896          <div v-if="selectedLevelOneMenu==536845">
3897              <a href="https://www.dchsubaruthousandoaks.com/college-grad-program" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3898               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "College Grad Program", subMenuLink: "https://www.dchsubaruthousandoaks.com/college-grad-program" })'>
3899                <span>College Grad Program</span>
3900              </a>
3901          </div>
3902          <div v-if="selectedLevelOneMenu==536845">
3903              <a href="https://www.dchsubaruthousandoaks.com/subaru-special-military-incentive" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3904               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "Military Incentive Program", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-special-military-incentive" })'>
3905                <span>Military Incentive Program</span>
3906              </a>
3907          </div>
3908          <div v-if="selectedLevelOneMenu==536845">
3909              <a href="/subaru-vip-educator-program" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3910               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 536845, menuName: "Specials", menuLink: "", subMenuName: "Subaru VIP Educator", subMenuLink: "/subaru-vip-educator-program" })'>
3911                <span>Subaru VIP Educator</span>
3912              </a>
3913          </div>
3914          <div v-if="selectedLevelOneMenu==527870">
3915              <a href="https://www.dchsubaruthousandoaks.com/subaru-lease-return-in-thousand-oaks-ca" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3916               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Lease Returns", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-lease-return-in-thousand-oaks-ca" })'>
3917                <span>Lease Returns</span>
3918              </a>
3919          </div>
3920          <div v-if="selectedLevelOneMenu==527870">
3921              <a href="/sell-us-your-car" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3922               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Appraise My Vehicle", subMenuLink: "/sell-us-your-car" })'>
3923                <span>Appraise My Vehicle</span>
3924              </a>
3925          </div>
3926          <div v-if="selectedLevelOneMenu==527870">
3927              <a href="/getfinancing" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3928               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Finance Application", subMenuLink: "/getfinancing" })'>
3929                <span>Finance Application</span>
3930              </a>
3931          </div>
3932          <div v-if="selectedLevelOneMenu==527870">
3933              <a href="" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3934               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Lease Vs. Buy", subMenuLink: "" })'>
3935                <span>Lease Vs. Buy</span>
3936              </a>
3937          </div>
3938          <div v-if="selectedLevelOneMenu==527870">
3939              <a href="https://www.dchsubaruthousandoaks.com/trade-up-advantage" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3940               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Trade Up Advantage", subMenuLink: "https://www.dchsubaruthousandoaks.com/trade-up-advantage" })'>
3941                <span>Trade Up Advantage</span>
3942              </a>
3943          </div>
3944          <div v-if="selectedLevelOneMenu==527870">
3945              <a href="https://www.dchsubaruthousandoaks.com/finance-department" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3946               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Finance Center", subMenuLink: "https://www.dchsubaruthousandoaks.com/finance-department" })'>
3947                <span>Finance Center</span>
3948              </a>
3949          </div>
3950          <div v-if="selectedLevelOneMenu==527870">
3951              <a href="https://www.dchsubaruthousandoaks.com/financing/vehicle-protection-packages" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3952               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Vehicle Protection Packages", subMenuLink: "https://www.dchsubaruthousandoaks.com/financing/vehicle-protection-packages" })'>
3953                <span>Vehicle Protection Packages</span>
3954              </a>
3955          </div>
3956          <div v-if="selectedLevelOneMenu==527870">
3957              <a href="https://www.dchsubaruthousandoaks.com/subaru-added-security-info" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3958               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "Added Security Plans", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-added-security-info" })'>
3959                <span>Added Security Plans</span>
3960              </a>
3961          </div>
3962          <div v-if="selectedLevelOneMenu==527870">
3963              <a href="/kbb-ico" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3964               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527870, menuName: "Finance ", menuLink: "#financing", subMenuName: "KBB Instant Cash Offer", subMenuLink: "/kbb-ico" })'>
3965                <span>KBB Instant Cash Offer</span>
3966              </a>
3967          </div>
3968          <div v-if="selectedLevelOneMenu==554385">
3969              <lead-form-link service-link="ScheduleServiceLink" class="no-hover font-weight-bold v-mm-level-two-menu-item" style="cursor:pointer" title="Schedule Service">
3970              </lead-form-link>
3971          </div>
3972          <div v-if="selectedLevelOneMenu==554385">
3973              <a href="https://www.dchsubaruthousandoaks.com/specials/service-specials" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3974               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Service Specials", subMenuLink: "https://www.dchsubaruthousandoaks.com/specials/service-specials" })'>
3975                <span>Service Specials</span>
3976              </a>
3977          </div>
3978          <div v-if="selectedLevelOneMenu==554385">
3979              <a href="https://www.dchsubaruthousandoaks.com/subaru-express-service" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3980               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Subaru Express Service", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-express-service" })'>
3981                <span>Subaru Express Service</span>
3982              </a>
3983          </div>
3984          <div v-if="selectedLevelOneMenu==554385">
3985              <a href="/service-financing" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3986               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Service Financing", subMenuLink: "/service-financing" })'>
3987                <span>Service Financing</span>
3988              </a>
3989          </div>
3990          <div v-if="selectedLevelOneMenu==554385">
3991              <a href="/vehicle-recalls" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3992               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Check for Recalls", subMenuLink: "/vehicle-recalls" })'>
3993                <span>Check for Recalls</span>
3994              </a>
3995          </div>
3996          <div v-if="selectedLevelOneMenu==554385">
3997              <a href="https://www.dchsubaruthousandoaks.com/order-parts" class="no-hover font-weight-bold v-mm-level-two-menu-item"
3998               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Order Parts", subMenuLink: "https://www.dchsubaruthousandoaks.com/order-parts" })'>
3999                <span>Order Parts</span>
4000              </a>
4001          </div>
4002          <div v-if="selectedLevelOneMenu==554385">
4003              <a href="https://www.dchsubaruthousandoaks.com/service-department" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4004               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Service Department", subMenuLink: "https://www.dchsubaruthousandoaks.com/service-department" })'>
4005                <span>Service Department</span>
4006              </a>
4007          </div>
4008          <div v-if="selectedLevelOneMenu==554385">
4009              <a href="https://www.dchsubaruthousandoaks.com/service/subaru-oil-change-thousand-oaks" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4010               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Oil Change Service", subMenuLink: "https://www.dchsubaruthousandoaks.com/service/subaru-oil-change-thousand-oaks" })'>
4011                <span>Oil Change Service</span>
4012              </a>
4013          </div>
4014          <div v-if="selectedLevelOneMenu==554385">
4015              <a href="https://www.dchsubaruthousandoaks.com/service/subaru-brake-repair-thousand-oaks" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4016               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Brake Repair Service", subMenuLink: "https://www.dchsubaruthousandoaks.com/service/subaru-brake-repair-thousand-oaks" })'>
4017                <span>Brake Repair Service</span>
4018              </a>
4019          </div>
4020          <div v-if="selectedLevelOneMenu==554385">
4021              <a href="" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4022               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Battery Service ", subMenuLink: "" })'>
4023                <span>Battery Service </span>
4024              </a>
4025          </div>
4026          <div v-if="selectedLevelOneMenu==554385">
4027              <a href="https://www.dchsubaruthousandoaks.com/subaru-tire-store" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4028               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Tire Service", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-tire-store" })'>
4029                <span>Tire Service</span>
4030              </a>
4031          </div>
4032          <div v-if="selectedLevelOneMenu==554385">
4033              <a href="https://www.dchsubaruthousandoaks.com/engine-tune-up-thousand-oaks-ca" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4034               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Engine Tune Up \u0026 Diagnostic Service", subMenuLink: "https://www.dchsubaruthousandoaks.com/engine-tune-up-thousand-oaks-ca" })'>
4035                <span>Engine Tune Up &amp; Diagnostic Service</span>
4036              </a>
4037          </div>
4038          <div v-if="selectedLevelOneMenu==554385">
4039              <a href="https://www.dchsubaruthousandoaks.com/multi-point-inspection-thousand-oaks-ca" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4040               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Multi-Point Inspections", subMenuLink: "https://www.dchsubaruthousandoaks.com/multi-point-inspection-thousand-oaks-ca" })'>
4041                <span>Multi-Point Inspections</span>
4042              </a>
4043          </div>
4044          <div v-if="selectedLevelOneMenu==554385">
4045              <a href="https://www.dchsubaruthousandoaks.com/subaru-coolant-service-thousand-oaks-ca" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4046               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 554385, menuName: "Service \u0026 Parts", menuLink: "", subMenuName: "Subaru Coolant Service", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-coolant-service-thousand-oaks-ca" })'>
4047                <span>Subaru Coolant Service</span>
4048              </a>
4049          </div>
4050          <div v-if="selectedLevelOneMenu==527872">
4051              <a href="https://www.dchsubaruthousandoaks.com/contactus" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4052               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Contact \u0026 Directions", subMenuLink: "https://www.dchsubaruthousandoaks.com/contactus" })'>
4053                <span>Contact &amp; Directions</span>
4054              </a>
4055          </div>
4056          <div v-if="selectedLevelOneMenu==527872">
4057              <a href="https://www.dchsubaruthousandoaks.com/events" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4058               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Our Events", subMenuLink: "https://www.dchsubaruthousandoaks.com/events" })'>
4059                <span>Our Events</span>
4060              </a>
4061          </div>
4062          <div v-if="selectedLevelOneMenu==527872">
4063              <a href="https://www.dchsubaruthousandoaks.com/subaru-love-promise" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4064               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Subaru Love Promise", subMenuLink: "https://www.dchsubaruthousandoaks.com/subaru-love-promise" })'>
4065                <span>Subaru Love Promise</span>
4066              </a>
4067          </div>
4068          <div v-if="selectedLevelOneMenu==527872">
4069              <a href="https://www.dchsubaruthousandoaks.com/about-us" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4070               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Our Dealership", subMenuLink: "https://www.dchsubaruthousandoaks.com/about-us" })'>
4071                <span>Our Dealership</span>
4072              </a>
4073          </div>
4074          <div v-if="selectedLevelOneMenu==527872">
4075              <a href="https://www.dchsubaruthousandoaks.com/greencars/electric-vehicle-information" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4076               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "EV Information", subMenuLink: "https://www.dchsubaruthousandoaks.com/greencars/electric-vehicle-information" })'>
4077                <span>EV Information</span>
4078              </a>
4079          </div>
4080          <div v-if="selectedLevelOneMenu==527872">
4081              <a href="https://www.dchsubaruthousandoaks.com/staff" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4082               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Meet the Staff", subMenuLink: "https://www.dchsubaruthousandoaks.com/staff" })'>
4083                <span>Meet the Staff</span>
4084              </a>
4085          </div>
4086          <div v-if="selectedLevelOneMenu==527872">
4087              <a href="/google-reviews" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4088               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Google Reviews", subMenuLink: "/google-reviews" })'>
4089                <span>Google Reviews</span>
4090              </a>
4091          </div>
4092          <div v-if="selectedLevelOneMenu==527872">
4093              <a href="https://careers.lithiadriveway.com/opportunities?stores=DCH&#x2B;Subaru&#x2B;of&#x2B;Thousand&#x2B;Oaks&amp;utm_source=store&#x2B;site" target="_blank" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4094               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Careers", subMenuLink: "https://careers.lithiadriveway.com/opportunities?stores=DCH\u002BSubaru\u002Bof\u002BThousand\u002BOaks\u0026utm_source=store\u002Bsite" })'>
4095                <span>Careers</span>
4096              </a>
4097          </div>
4098          <div v-if="selectedLevelOneMenu==527872">
4099              <a href="https://www.dchsubaruthousandoaks.com/rate-dch-subaru-of-thousand-oaks" class="no-hover font-weight-bold v-mm-level-two-menu-item"
4100               @click='onLevelTwoMenuClick({ event: $event, menuLevel: "submenu", menuId: 527872, menuName: "About", menuLink: "https://www.dchsubaruthousandoaks.com/contactus", subMenuName: "Rate Us", subMenuLink: "https://www.dchsubaruthousandoaks.com/rate-dch-subaru-of-thousand-oaks" })'>
4101                <span>Rate Us</span>
4102              </a>
4103          </div>
4104  </div>
4105
4106
4107
4108
4109
4110        </div>
4111        <div class="">
4112          <div class="mm-dealer-info">
4113    <div class="mb-1 mb-xl-2">DCH Subaru of Thousand Oaks</div>
4114
4115  <div class="mb-1 mb-xl-2">
4116        <div class="cursor-pointer" @click.prevent='onDirectionsClick("3725 Auto Mall Dr, Thousand Oaks, CA 91362")'>
4117          3725 Auto Mall Dr, Thousand Oaks, CA 91362
4118        </div>
4119  </div>
4120
4121  <div class="">
4122        <div class="mb-1">
4123          <span>Sales:</span>
4124          <a href="tel:805-749-4946" @click="onContactSalesClick('Sales Call Button', 'Header','805-749-4946')" class="Phone_Sales no-hover text-underline">805-749-4946</a>
4125        </div>
4126        <div class="mb-1">
4127          <span>Service:</span>
4128          <a href="tel:805-316-7118" class="Phone_Service no-hover text-underline" @click="onContactSalesClick('Service Call Button', 'Header','805-316-7118')">805-316-7118</a>
4129        </div>
4130
4131      <div class="mb-1">
4132        <span>Parts:</span>
4133        <a href="tel:805-409-3640" @click="onContactSalesClick('Parts Call Button', 'Header','805-409-3640')" class="Phone_Parts no-hover text-underline">805-409-3640</a>
4134      </div>
4135
4136  </div>
4137    <div class="mm-header-social-icons mt-1 mt-xl-2">
4138          <a href="https://www.facebook.com/DCHSubaruofThousandOaks" @click="onSocialMediaClick('facebook', 'https://www.facebook.com/DCHSubaruofThousandOaks', $event)" rel="noopener" target="_blank" class="text-decoration-none _theme_social_icons" title="Facebook">
4139              <span><em class="primaryicon-facebook" title="Facebook"></em></span>
4140          </a>
4141          <a href="https://twitter.com/DCHSubaruTO" @click="onSocialMediaClick('twitter', 'https://twitter.com/DCHSubaruTO', $event)" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons" title="Twitter">
4142              <span><em class="primaryicon-twitter" title="Twitter"></em></span>
4143          </a>
4144          <a href="https://www.youtube.com/channel/UC6hmDcJWPHoppzRB_2LGaqA" @click="onSocialMediaClick('youtube', 'https://www.youtube.com/channel/UC6hmDcJWPHoppzRB_2LGaqA', $event)" rel="noopener" target="_blank" class="text-decoration-none  _theme_social_icons" title="Youtube">
4145              <span><em class="primaryicon-youtube" title="Youtube"></em></span>
4146          </a>
4147    </div>
4148</div>
4149
4150        </div>
4151      </div>
4152      <div v-if="menuHasSettings" class="mm-dynamic-sections">
4153        <div class="dynamic-section-content">
4154            <menu-dynamic-section
4155              v-if="selectedLevelOneMenu"
4156              class="h-100"
4157              :default-menu-component="menuDefaultComponent"
4158              :selected-menu-id="selectedLevelOneMenu"
4159            />
4160        </div>
4161      </div>
4162    </div>
4163  </div>
4164</template>
4165
4166
4167
4168
4169          </div>
4170        </script>
4170
4171
4172
4173
4174
4175
4176  <div id="main-container">
4177        <common-components></common-components>
4178<input name="securetoken" type="hidden" value="CfDJ8O35ileePqpDrXckbUstcOYdyfTAG8ncsvoGXMckpubXi0CAOosdJFclkuq2eaVPP3F5JHDEgBgarnFfRspzusje1Nj7IGRPU-y8vhWw5WIE39QrYeF_wS22hZSw9pmWZQVIRmxdp-y13h67XA_lt3M" />        <div id="main-header">
4179          <main-header></main-header>
4180        </div>
4181
4182    <div class="h-auto">
4183      <div class=" Website_Gemini_header_Utility_body ">
4184
4185
4186          <div id="disasterBanner"></div>
4187
4188        
4189<script>
4190  let isIframe = window.location !== window.parent.location;
4191  if(isIframe){
4192  const injectCSS = css => {
4193    let el = document.createElement('style');
4194    el.type = 'text/css';
4195    el.innerText = css;
4196    document.head.appendChild(el);
4197    return el;
4198  };
4199injectCSS(`#inventory-vehicle-header,.inventorynew-iframe,#rotational-banner-component{display:none}`);
4200  }
4201</script>
4201
4202
4203
4204<script type="text/javascript">
4205    var paymentType = 'cash';
4206    var inventoryType = 'used';
4207    var selectedFilters = '{"AccountID":61410,"Type":"Used","PaymentType":"cash","Years":null,"Locations":"","Makes":"Subaru","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":"priceltoh","SelectedNavText":"Used Subaru Inventory","MileageMin":0,"MileageMax":0,"NoCache":false,"SpecialFeild3":null,"Engines":null,"ReserveYourVehicleLink":null,"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":3995,"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}';
4208    var isLuxTemplate = 'False' == "True";
4209    var resultCount = '40';
4210    var enableVideoPopupForSRP = 'false' == "true";
4211    var videoURLForSRP = '';
4212    var videoCTANameForSRP = '';
4213    var videoCTALinkForSRP = '';
4214    var showFilters = 'False';
4215    var srpFilterPosition = 'leftmultiselect';
4216    var sonicDataLayerVehicleImpressions = '';
4217    var filterSortListJson = '[{"Value":"inventoryoton","Text":"Oldest in inventory to newest in inventory","Selected":false,"Count":0,"Url":null},{"Value":"inventoryntoo","Text":"Newest in inventory to oldest in inventory","Selected":false,"Count":0,"Url":null},{"Value":"pricehtol","Text":"Price highest to lowest","Selected":false,"Count":0,"Url":null},{"Value":"priceltoh","Text":"Price lowest to highest","Selected":true,"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}]';
4218    var noVehiclesFound = 'false' == "true";
4219    var bodyType = '';
4220    var showTopMultiSelectionFilters = 'False';
4221    var showFilterSectionAtLeft = 'False';
4222    var expandModelFilters = 'false' === "true";
4223    var ga4ASCDataLayerVehicle = '[{"item_category":"foreign","item_color":"Dark Gray Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"JF2SJAGC0FH594712","item_inventory_date":"2026/09/11","item_make":"Subaru","item_model":"Forester","item_number":"FH594712A","item_payment":"cash","item_type":"SUV","item_variant":"2.5i Premium","item_year":2015,"item_price":13500},{"item_category":"foreign","item_color":"Wilderness Green Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"4S4BSETC2H3393835","item_inventory_date":"2026/08/14","item_make":"Subaru","item_model":"Outback","item_number":"H3393835A","item_payment":"cash","item_type":"SUV","item_variant":"Touring","item_year":2017,"item_price":21300},{"item_category":"foreign","item_color":"Crystal Black Silica","item_condition":"used","item_fuel_type":"gas","item_id":"JF2GTAPC7M8324860","item_inventory_date":"2026/09/21","item_make":"Subaru","item_model":"Crosstrek","item_number":"M8324860P","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2021,"item_price":22565},{"item_category":"foreign","item_color":"Tungsten Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"4S4BTACC3L3140778","item_inventory_date":"2026/09/17","item_make":"Subaru","item_model":"Outback","item_number":"L3140778A","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2020,"item_price":23879},{"item_category":"foreign","item_color":"Magnetite Gray Metallic","item_condition":"cpo","item_fuel_type":"","item_id":"JF1GUABC5S8271422","item_inventory_date":"2026/09/02","item_make":"Subaru","item_model":"Impreza","item_number":"S8271422A","item_payment":"cash","item_type":"Sedan","item_variant":"","item_year":2025,"item_price":23761},{"item_category":"foreign","item_color":"Ice Silver Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"JF1GUABC3S8263853","item_inventory_date":"2026/09/02","item_make":"Subaru","item_model":"Impreza","item_number":"S8263853A","item_payment":"cash","item_type":"Sedan","item_variant":"","item_year":2025,"item_price":23878},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"cpo","item_fuel_type":"","item_id":"4S4BTACC5R3126387","item_inventory_date":"2026/09/02","item_make":"Subaru","item_model":"Outback","item_number":"R3126387A","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2024,"item_price":26980},{"item_category":"foreign","item_color":"Ice Silver Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"JF2GTHSC2PH245813","item_inventory_date":"2026/09/25","item_make":"Subaru","item_model":"Crosstrek","item_number":"PF245813A","item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2023,"item_price":27886},{"item_category":"foreign","item_color":"Magnetite Gray Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"JF2SKABC6RH462675","item_inventory_date":"2026/09/01","item_make":"Subaru","item_model":"Forester","item_number":"RH462675A","item_payment":"cash","item_type":"SUV","item_variant":"","item_year":2024,"item_price":25954},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"cpo","item_fuel_type":"","item_id":"4S4BTADC1S3115309","item_inventory_date":"2026/09/08","item_make":"Subaru","item_model":"Outback","item_number":"S3115309A","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2025,"item_price":26900},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"cpo","item_fuel_type":"","item_id":"4S4GUHF6XR3738991","item_inventory_date":"2026/08/10","item_make":"Subaru","item_model":"Crosstrek","item_number":"R3738991P","
4223item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2024,"item_price":29456},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"cpo","item_fuel_type":"gas","item_id":"JF2GTHMC3P8205737","item_inventory_date":"2026/09/03","item_make":"Subaru","item_model":"Crosstrek","item_number":"P8205737A","item_payment":"cash","item_type":"SUV","item_variant":"Limited","item_year":2023,"item_price":26447},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"used","item_fuel_type":"gas","item_id":"JF2GTHRC6PH243813","item_inventory_date":"2026/09/25","item_make":"Subaru","item_model":"Crosstrek","item_number":"PH243813A","item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2023,"item_price":25847},{"item_category":"foreign","item_color":"Silver","item_condition":"used","item_fuel_type":"gas","item_id":"JF1GUAFC5T8259153","item_inventory_date":"2026/05/19","item_make":"Subaru","item_model":"Impreza","item_number":"T8259153R","item_payment":"cash","item_type":"Sedan","item_variant":"Sport","item_year":2026,"item_price":28560},{"item_category":"foreign","item_color":"Crimson Red Pearl","item_condition":"cpo","item_fuel_type":"gas","item_id":"JF2SKANC8PH488946","item_inventory_date":"2026/07/14","item_make":"Subaru","item_model":"Forester","item_number":"PH488946P","item_payment":"cash","item_type":"SUV","item_variant":"Limited","item_year":2023,"item_price":29997},{"item_category":"foreign","item_color":"Magnetite Gray Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"JF2SKAXC9MH503608","item_inventory_date":"2026/09/01","item_make":"Subaru","item_model":"Forester","item_number":"MH503608P1","item_payment":"cash","item_type":"SUV","item_variant":"Touring","item_year":2021,"item_price":28485},{"item_category":"foreign","item_color":"Ceramic White","item_condition":"cpo","item_fuel_type":"","item_id":"JF1VBAF66N9027410","item_inventory_date":"2026/08/25","item_make":"Subaru","item_model":"WRX","item_number":"N9027410P","item_payment":"cash","item_type":"Sedan","item_variant":"Premium","item_year":2022,"item_price":27926},{"item_category":"foreign","item_color":"Crystal Black Silica","item_condition":"cpo","item_fuel_type":"","item_id":"4S4GUHD62T3711441","item_inventory_date":"2025/11/21","item_make":"Subaru","item_model":"Crosstrek","item_number":"T3711441R","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2026,"item_price":30250},{"item_category":"foreign","item_color":"Lithium Red Pearl","item_condition":"cpo","item_fuel_type":"","item_id":"4S4GUHT65R3724954","item_inventory_date":"2026/07/31","item_make":"Subaru","item_model":"Crosstrek","item_number":"R3724954P","item_payment":"cash","item_type":"SUV","item_variant":"Wilderness","item_year":2024,"item_price":33587},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"cpo","item_fuel_type":"","item_id":"4S4GUHF61T3711721","item_inventory_date":"2025/11/21","item_make":"Subaru","item_model":"Crosstrek","item_number":"T3711721R","item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2026,"item_price":32963},{"item_category":"foreign","item_color":"Sun Blaze Pearl","item_condition":"used","item_fuel_type":"gas","item_id":"4S4GUHT63R3722880","item_inventory_date":"2026/09/25","item_make":"Subaru","item_model":"Crosstrek","item_number":"R3722880P","item_payment":"cash","item_type":"SUV","item_variant":"Wilderness","item_year":2024,"item_price":31546},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"used","item_fuel_type":"gas","item_id":"4S4GUHD6XT3737043","item_inventory_date":"2026/02/12","item_make":"Subaru","item_model":"Crosstrek","item_number":"T3737043R","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2026,"item_price":32525},{"item_category":"foreign","item_color":"Gray","item_condition":"cpo","item_fuel_type":"","item_id":"4S4SLDD63T3030680","item_inventory_date":"2025/12/18","item_make":"Subaru","item_model":"Forester","item_number":"T3030680R","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2026,"item_price":36825},{"item_category":"foreign","item_color":"Gray","item_condition":"cpo","item_fuel_type":"","item_id":"4S4SLDB65T3028531","item_inventory_date":"2025/12/16","item_make":"Subaru","item_model":"Forester","item_number":"T3028531R","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2026,"item_price":35625},{"item_category":"foreign","item_color":"Ice Silver Metallic","item_condition":"cpo","item_fuel_type":"gas","item_id":"JF1VBAH64R9819834","item_inventory_date":"2026/09/14","item_make":"Subaru","item_model":"WRX","item_number":"R9819834P","item_payment":"cash","item_type":"Sedan","item_variant":"Premium","item_year":2024,"item_price":33450},{"item_category":"foreign","item_color":"Cosmic Blue Pearl","item_condition":"cpo","item_fuel_type":"","item_id":"4S4WMAWD0P3458916","item_inventory_date":"2026/09/02","item_make":"Subaru","item_model":"Ascent","item_number":"P3458916P","item_payment":"cash","item_type":"SUV","item_variant":"Touring","item_year":2023,"item_price":31946},{"item_category":"foreign","item_color":"Crystal White Pearl","item_condition":"used","item_fuel_type":"gas","item_id":"4S4BTGUD6R3142351","item_inventory_date":"2026/09/21","item_make":"Subaru","item_model":"Outback","item_number":"R3142351P","item_payment":"cash","item_type":"SUV","item_variant":"Wilderness","item_year":2024,"item_price":34888},{"item_category":"foreign","item_color":"Gray","item_condition":"cpo","item_fuel_type":"","item_id":"4S4SLDH68T3029762","item_inventory_date":"2025/12/18","item_make":"Subaru","item_model":"Forester","item_number":"T3029762R","item_payment":"cash","item_type":"SUV","item_variant":"Sport","item_year":2026,"item_price":40124},{"item_category":"foreign","item_color":"Silver","item_condition":"cpo","item_fuel_type":"","item_id":"JF2BUPBD6TY487847","item_inventory_date":"2026/02/10","item_make":"Subaru","item_model":"Outback","item_number":"TY487847R","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2026,"item_price":39428},{"item_category":"foreign","item_color":"Magnetite Gray Metallic","item_condition":"used","item_fuel_type":"gas","item_id":"JF2BUPAD7TY540024","item_inventory_date":"2026/05/07","item_make":"Subaru","item_model":"Outback","item_number":"TY540024R","item_payment":"cash","item_type":"SUV","item_variant":"Premium","item_year":2026,"item_price":37425}]';
4224    var countColor = '';
4225    var countHoverColor = '';
4226    var showFctpFilter = 'false' == "true";
4227    var priceTypeId = '2';
4228    var showConditionalRebates = 'true' == "true";
4229    var showTotalBeforeDiscounts = 'false' == "true";
4230    var showRebatesDetails = 'true' == "true";
4231    var showPackageSavingsDetails = 'false' == "true";
4232    var showBlackLabelFilter = 'false' == "true";
4233    var isCommercialPage = 'false' == "true";
4234    var showCommercialFilter = 'true' == "true";
4235    var disableVehicleCountForPaymentFilter = 'false' == "true";
4236    var enableBedLenghtFilter = 'false' == "true";
4237    var hideConditionalRebatesTotal = 'true' == "true";
4238    var conditionalRebatesBreakoutIncentives = 'true' == "true";
4239    var showPlusAndMinus = 'true' == "true";
4240    var SendLeadWithVehicle = 'false' == "true";
4241    var SendLeadwithCar = 'false' == "true";
4242    var expandVehicleTypeFilters = 'false' == "true";
4243    var enableLESAVideosSRP = 'true' == "true";
4244    var isSrp= 'true' == 'true';
4245    var breadcrumbText = '';
4246    var showCustomUrlBreadCrumb = 'False' === 'True';
4247    var hideFilters = 'False' === 'True';
4248    var enableUnityWorksIntegrationSrp = 'false' == "true";
4249    var isShowRoomPage = 'False' === 'True';
4250    var vehicleType = 'used';
4251    var enableCabFilter = 'false' == "true";
4252    var enableModelEBrochureOnSRP = 'false' == "true";
4253    var isCleanSrpDesign = 'true' === 'true';
4254    var srpDesignType = 'Clean Design';
4255    var expandLocationFilters = 'false' === "true";
4256    var expandSubaruLineupFilters = 'false' === "true";
4257</script>
4257
4258
4259
4260<link href="https://prod.cdn.secureoffersites.com/dist/p1144/css/newinventorylisting.css" rel="stylesheet" />
4261<div class="inventory_listing page_type_used dealer-id-61410 clean-design leftposition" id="newinventory">
4262  <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>
4263  <div class="border-top bgcolor-primary _msbi_background_color _theme_top_border_color page-headline-wrapper" id="inventory-vehicle-header">
4264    <h1 class="container mt-0 mb-0 py-4 _theme_font_bold ft-70 text-white page-headline-text" style="font-size: 20px;">
4265      Used Cars &amp; SUVs in Thousand Oaks CA
4266    </h1>
4267  </div>
4268
4269    <div class="inventorynew-iframe">
4270
4271
4272
4273
4274
4275
4276
4277<div id="rotational-banner-component" class="image-rotational-banner banner-aspectratio  banner-positon2 ">
4278
4279
4280
4281
4282
4283
4284
4285    <rotational-banner :sectionid="'5825688'"
4286    :hidearrows="'False'"
4287    :hidecontrols="'False'"
4288    :controlscolor="''"
4289    :banner-options="{
4290      'desktopBannerImageSize':'',
4291      'mobileBannerImageSize':''
4292    }"
4293    :automated-banner-options="{
4294      'desktopBannerImageSize':'extra-large',
4295      'mobileBannerImageSize':'large'
4296    }"
4297    :apply-speed-values="2 == 1"
4298    :show-draft-preview="false"
4299    >
4300    </rotational-banner>
4301</div>
4302    </div>
4303
4304
4305
4306
4307
4308
4309    <div class="bgcolor-white w-100" id="inventory-vehicle-search">
4310        <div class='container'>
4311          <div class="row">
4312            <div class="col-md-12">
4313                  <div class="position-relative my-3">
4314                    <inventory-vehicle-search :isluxury="'False' === 'True'">
4315                    </inventory-vehicle-search>
4316                  </div>
4317                <div class='w-100 ft-12 my-4 '>
4318
4319                  <div class="d-flex justify-content-between">
4320                    <div class="d-md-flex align-items-center justify-content-between vehicle_results_block">
4321
4322                      <div @click="resetFilters('/inventory/used')" class="color-black no-hover hover-inherit text-uppercase vehicle_result_filter btn-websites button-link cursor-pointer "><strong>Reset Filters</strong></div>
4323                          <div class="ml-lg-4 vehicle_results_label">Results: 40 Vehicles</div>
4324                    </div>
4325
4326
4327
4328                    <div id="sort-filter-section" class=" d-none d-lg-flex">
4329                      <div id="sort-filter-wrapper" class="ml-4 position-relative" v-click-outside="handleClickOutside">
4330                        <div id="sort-filter-container">
4331                          <span id="sort-filter-label" class="text-uppercase">Sort:</span>&nbsp;
4332                          <a id="sort-filter-dropdown" href="" class="color-black no-hover hover-inherit"
4333                             @click.prevent="clickPriceDropDown('price_sort_wrapper')">
4334                            <strong id="sort-filter-label-2" class="text-uppercase">Price lowest to highest</strong>
4335
4336                            <em id="sort-filter-icon" class="primaryicon-angle-down _theme_arrow_color"></em>
4337                          </a>
4338                        </div>
4339                        <div id="price_sort_wrapper" class="position-absolute d-none" style="right: -20px;z-index: 98; top: 20px" v-if="showPriceDropdown">
4340                          <ul id="sort-filter-list" class="price_sort ">
4341                                <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li>
4342                                <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li>
4343                                <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">Price highest to lowest</a></li>
4344                                <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li>
4345                                <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li>
4346                                <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li>
4347                                <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li>
4348                                <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li>
4349                                <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li>
4350                          </ul>
4351                        </div>
4352
4353                      </div>
4354                    </div>
4355                  </div>
4356
4357                  <div id="sort-filter-section-mobile" class="d-lg-none d-block mt-3 position-relative">
4358                    <div id="sort-filter-wrapper-mobile" class="d-flex mobile_filters_box justify-content-center">
4359                      <div id="sort-filter-container-mobile" class="flex-1 filter_heading py-1 mr-2 ft-18 text-center">
4360                        <a id="sort-filter-dropdown-mobile" class="d-block w-100 color-black no-hover cursor-pointer" @click.prevent="showTopFilters = true">
4361                          <em id="sort-filter-icon-mobile" class="primaryicon-filter"></em>&nbsp;<span>Filters</span>
4362                        </a>
4363                      </div>
4364                      <div id="filter-heading-mobile" class="flex-1 filter_heading py-1 ml-2 ft-18 text-center">
4365                        <a id="filter-heading-mobile-dropdown" @click.prevent="clickPriceDropDown('price_left_mobile_sort_wrapper')" class="d-block w-100 color-black no-hover cursor-pointer">
4366                          <span id="sort-filter-label-2-mobile">Sort</span>
4367                        </a>
4368                        <div id="price_left_mobile_sort_wrapper" class="position-absolute d-none" style="right: 0px;z-index: 99; top: 40px" v-if="showPriceDropdown">
4369                          <ul id="sort-filter-list-mobile" class="price_sort ft-13">
4370                                <li><a @click.prevent="onsortchange('inventoryoton',$event)" class="no-hover text-uppercase cursor-pointer">Oldest in inventory to newest in inventory</a></li>
4371                                <li><a @click.prevent="onsortchange('inventoryntoo',$event)" class="no-hover text-uppercase cursor-pointer">Newest in inventory to oldest in inventory</a></li>
4372                                <li><a @click.prevent="onsortchange('pricehtol',$event)" class="no-hover text-uppercase cursor-pointer">
4372Price highest to lowest</a></li>
4373                                <li><a @click.prevent="onsortchange('priceltoh',$event)" class="no-hover text-uppercase cursor-pointer">Price lowest to highest</a></li>
4374                                <li><a @click.prevent="onsortchange('mileagehtol',$event)" class="no-hover text-uppercase cursor-pointer">Mileage highest to lowest</a></li>
4375                                <li><a @click.prevent="onsortchange('mileageltoh',$event)" class="no-hover text-uppercase cursor-pointer">Mileage lowest to highest</a></li>
4376                                <li><a @click.prevent="onsortchange('yearltoh',$event)" class="no-hover text-uppercase cursor-pointer">Year lowest to highest</a></li>
4377                                <li><a @click.prevent="onsortchange('yearhtol',$event)" class="no-hover text-uppercase cursor-pointer">Year highest to lowest</a></li>
4378                                <li><a @click.prevent="onsortchange('alphabetical',$event)" class="no-hover text-uppercase cursor-pointer">Alphabetical</a></li>
4379                          </ul>
4380                        </div>
4381                      </div>
4382                    </div>
4383                  </div>
4384
4385                </div>
4386            </div>
4387          </div>
4388
4389        </div>
4390
4391    </div>
4392    <div class="container-fluid">
4393      <div class="row">
4394
4395<script type="application/javascript">
4396    var hideslider = 'True' === 'True';
4397    var disableOneOwner = 'False' === 'True';
4398    var showInTransitFilter = 'false' === 'true';
4399    var showInStockFilter = 'false' === 'true';
4400    var hideEngineSize = 'False' === 'True';
4401    var showInProductionFilter = 'False' === 'True';
4402    var hideLocationInGroupSRP = 'False' === 'True';
4403    var locationFilterAtBottom = 'False' === 'True';
4404    var enableKeyFeaturesOnNewSrp = 'True' === 'True';
4405    var enableKeyFeaturesOnUsedSrp = 'True' === 'True';
4406    var enableInstalledPackagesOnSrp = 'False' === 'True';
4407    var hideDriveTrain = 'false' === 'true';
4408    var hideTransmission = 'true' === 'true';
4409    var hidePriceSliderSrp = 'false' === 'true';
4410    var hideMoreFiltersSrp = 'false' === 'true';
4411    var hideBodyTypeOnFilter = 'false' === 'true';
4412    var hideFuelTypeOnFilter = 'false' === 'true';
4413    var hideDoorsFilterSrp = 'false' === 'true';
4414</script>
4414
4415
4416
4417<div class='bg-white col-12 col-lg-3 col-xl-2 inventory-left-multiselect-filters'>
4418
4419        <inventory-filters-container :isleftmultifilter="true" :selectedfiltersobj="{&quot;AccountID&quot;:61410,&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;Subaru&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;priceltoh&quot;,&quot;SelectedNavText&quot;:&quot;Used Subaru 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;:null,&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;:3995,&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>
4420
4421</div>
4422
4423        <div id="inventorynew-custom-iframe" class="col-12 vehicles-section col-12 col-lg-9 col-xl-10">
4424          <div>
4425              <custom-url-breadcrumb></custom-url-breadcrumb>
4426                  <inventory-left-filters-breadcrumbs></inventory-left-filters-breadcrumbs>
4427          </div>
4428          <div class="d-flex justify-content-between">
4429
4430            <div class='d-md-flex align-items-center justify-content-between vehicle_results_block ml-0 ml-lg-3 ft-12 mt-2'>
4431
4432            </div>
4433              <div class="mt-2 d-flex justify-content-end">
4434                
4435<div>
4436    <ul class="inventory-pagination pagination m-0">
4437
4438                <li class="page-item active">
4439                    <a  @Click="paginationClick(`page 1`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?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.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1"
4440                       rel="">1</a>
4441                </li>
4442                <li class="page-item ">
4443                    <a  @Click="paginationClick(`page 2`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?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.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2"
4444                       rel="next">2</a>
4445                </li>
4446
4447            <li class="page-item">
4448                <a  @Click="paginationClick(`page 2`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?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.dchsubaruthousandoaks.com/inventory/used/subaru?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>
4449            </li>
4450            <li class="page-item">
4451                <a  @Click="paginationClick(`page 2`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)"  class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2" 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>
4452            </li>
4453
4454    </ul>
4455</div>
4456
4457              </div>
4458          </div>
4459
4460          <div class="row mb-5 mt-2 srp-vehicles-container" v-equal-height="matchHeightData">
4461
4462
4463
4464    
4464<script defer>
4465        (function (d, s, id) {
4466        var js, cnjs = d.getElementsByTagName('head')[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//app.carnow.com/dealers/carnow_plugin.js?key=rJ1jLIwhJt3wpxfBF4o0o871I07kk86pGkIyLBw26BDbfdpd"; cnjs.appendChild(js, cnjs); js.onload = function () {
4467        CarNowPlugin.init();
4468        if (document.getElementsByClassName("cn-button-container")) {
4469        for (var i = 0; i < document.getElementsByClassName("cn-button-container").length; i++) {
4470        document.getElementsByClassName("cn-button-container")[i].addEventListener('click', function (event) {
4471        event.preventDefault();
4472        return false;
4473        });
4474        }
4475        }
4476        }
4477        }(document, 'script', 'com-carnow-plugin'));</script>
4477
4478<text-modal :text="disclaimer" @hidemodal="showDisclaimer=false" :title="disclaimerHeading ? disclaimerHeading:'Disclosure'" v-if="showDisclaimer"></text-modal>
4479<hover-modal :disclaimer-data="hoverDisclaimerData"  v-show="isModalVisible"></hover-modal>
4480
4481
4482<script>
4483    var IncentiveSource = 'AIS';
4484    var isFdDealer = 'false' === "true";
4485    var vehicleVinsAndDealerIds = '';
4486    var enableSRPFiltersOnElastic = 'True' === 'True';
4487    var elasticFallbackToDb = 'False' === 'True';
4488    var checkSpecialVehicles='JF2SJAGC0FH594712+61410,4S4BSETC2H3393835+61410,JF2GTAPC7M8324860+61410,4S4BTACC3L3140778+61410,JF1GUABC5S8271422+61410,JF1GUABC3S8263853+61410,4S4BTACC5R3126387+61410,JF2GTHSC2PH245813+61410,JF2SKABC6RH462675+61410,4S4BTADC1S3115309+61410,4S4GUHF6XR3738991+61410,JF2GTHMC3P8205737+61410,JF2GTHRC6PH243813+61410,JF1GUAFC5T8259153+61410,JF2SKANC8PH488946+61410,JF2SKAXC9MH503608+61410,JF1VBAF66N9027410+61410,4S4GUHD62T3711441+61410,4S4GUHT65R3724954+61410,4S4GUHF61T3711721+61410,4S4GUHT63R3722880+61410,4S4GUHD6XT3737043+61410,4S4SLDD63T3030680+61410,4S4SLDB65T3028531+61410,JF1VBAH64R9819834+61410,4S4WMAWD0P3458916+61410,4S4BTGUD6R3142351+61410,4S4SLDH68T3029762+61410,JF2BUPBD6TY487847+61410,JF2BUPAD7TY540024+61410';
4489    var inventoryModels = '[]';
4490</script>
4490
4491
4492<div class="srp-results-list">
4493        
4493<script type="application/javascript">
4494
4495            var rebatesString = "[]";
4496            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
4497            localStorage.setItem("JF2SJAGC0FH594712-rebates", formattedRebatesString);
4498
4499        </script>
4499
4500<div data-itemid="Subaru-Forester-2.5i Premium-JF2SJAGC0FH594712" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
4501        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2SJAGC0FH594712", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "0",msrp:"13500",yourPrice:"15133.0",sellingPrice:"14952",type:"Used",title:`2015 Subaru Forester 2.5i Premium`},"true"==="true"), setVintoTransact("JF2SJAGC0FH594712", $event,{styleId:"367528"})'
4502        @mouseleave="clearMouseHoverValue()"
4503        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
4504        used-large-box" style="height: 100%;">
4505
4506            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
4507                <div class="position-relative">
4508                    <div class="srp-top-badges">
4509                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
4510                            <div class="d-flex align-items-center gap-10">
4511                            </div>
4512                        </div>
4513
4514                    </div>
4515
4516
4517                    <div id="EZ360_CVDP"></div>
4518
4519                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
4520                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2SJAGC0FH594712'" class="vehicle-box__image">
4521                                    <img src="https://cdn.max.auto/t_hres/108741/JF2SJAGC0FH594712/6ab4c783050dae99f56a09fa.jpg" class="img-fluid srp-vehiclebox-image"
4522                                    title="2015 Subaru Forester 2.5i Premium" alt="2015 Subaru Forester 2.5i Premium" />
4523
4524                        </div>
4525
4526                        <div class="dp-srp-evox-media-JF2SJAGC0FH594712" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2SJAGC0FH594712'"></div>
4527
4528                        <div class="vehicle-info-icon">
4529                            <em
4530                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2SJAGC0FH594712')"
4531                            class="primaryicon-options-btn-new info-icon-css"
4532                            data-vin="JF2SJAGC0FH594712"
4533                            tabindex="0"
4534                            role="button"
4535                            aria-label="Vehicle info"
4536                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2SJAGC0FH594712')"
4537                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2SJAGC0FH594712')"
4538                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
4539                        </div>
4540                    </div>
4541
4542
4543                    <div class="vehiclebox-info-section p-3">
4544                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
4545                            <div class="d-flex">
4546                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
4547                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
4548                                        2015 Subaru Forester 2.5i Premium
4549                                    </h2>
4550                                </div>
4551                            </div>
4552                        </div>
4553
4554                        <div class="vehicle-summary-section mt-3 ">
4555                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
4556                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
4557            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):showMsrp)'>
4558                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
4559                                            <div class="mr-2" style="color:#1971d4">
4560                                                <span id="jf2sjagc0fh594712-price-summary-label">Your Price</span>
4561                                            </div>
4562                                            <div id="jf2sjagc0fh594712-price-summary-value" class=" " style="color:#1971d4">$15,133</div>
4563                                        </div>
4564
4565            </div>
4566            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):!showMsrp )'>
4567                                <div v-if="!unlockHideMsrp">
4568                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
4569                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
4570                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$13,500</div>
4571                                    </div>
4572                                </div>
4573
4574            </div>
4575        </div>
4576
4577                            </div>
4578
4579                                <template v-if="true">
4580                                    <div class="vehicle-summary-cta flex-1">
4581                                        <object>
4582                                               <div class="primary-button-parent">
4583        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash#Transact" target="_self"
4584           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2SJAGC0FH594712");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash",$event,"_self")'
4585           @keydown.space.prevent="$event.currentTarget.click()"
4586           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
4587           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
4588            CALCULATE PAYMENTS
4589        </a>
4590    </div>
4591
4592                                        </object>
4593                                    </div>
4594                                </template>
4595                        </div>
4596<div class="color-black ft-16 mt-1">
4597            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
4598                Disclosure
4599            </div>
4600</div>
4601
4602
4603                        <div class="show section-separator my-4"></div>
4604
4605
4606                            <template v-if="true">
4607                                <object>
4608                                    <div class="app-level-cta-container">
4609
4610
4611
4612
4613
4614
4615
4616                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2SJAGC0FH594712","true"==="true"))' class="primary-button-parent">
4617                                                    <a :style="ctaBtnStyles"
4618                                                     tabindex="0" role="button"
4619                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash", "JF2SJAGC0FH594712", "Used")'
4620                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash", "JF2SJAGC0FH594712", "Used")'
4621                                                    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">
4622                                                        {{inventorySettings.data.buttonLabel}}
4623                                                    </a>
4624                                                 </div>
4625                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
4626                                                                    <a v-if="applySecondary
4626Design" href=""
4627                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
4628                                                                        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"
4629                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4630                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4631                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
4632                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
4633                                                                    <a v-else href=""
4634                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
4635                                                                        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"
4636                                                                        @click.prevent="
4637                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4638                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
4639                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
4640                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
4641                                                                        GET MORE INFORMATION
4642                                                                    </a>
4643                                                                </div>
4644                                                                    <div class="primary-button-parent">
4645                                                                        <a v-if="applySecondary
4645Design"
4646                                                                            href="javascript:void(0)"
4647                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
4648                                                                            class=" 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"
4649                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
4650                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
4651                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
4652                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
4653                                                                            CALL (805) 790-9466
4654                                                                        </a>
4655                                                                        <a v-else
4656                                                                            href="javascript:void(0)"
4657                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
4658                                                                            class=" 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"
4659                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
4660                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
4661                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
4662                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SJAGC0FH594712&quot;,&quot;year&quot;:&quot;2015&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:0,&quot;vehicleDetailsSrp&quot;:0.00,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;FH594712A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
4663                                                                            >
4664                                                                            CALL (805) 790-9466
4665                                                                        </a>
4666                                                                    </div>
4667
4668
4669
4670
4671                                    </div>
4672                                </object>
4673                            </template>
4674
4675                            <div class="mt-3">
4676
4677
4678                                <div class="inventory-btns" style="width:100%;" v-cloak>
4679
4680
4681                                    <object class="d-flex flex-column primary-inventory-btn-group">
4682                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4683                                        <div class="pi-pullup-container"></div>
4684                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
4685
4686                                        <div class="dvs_vin_btn" vin="JF2SJAGC0FH594712"></div>
4687
4688
4689
4690
4691
4692
4693                                    </object>
4694
4695
4696
4697
4698
4699
4700
4701
4702
4703                                    
4704
4705
4706
4707
4708
4709
4710
4711
4712
4713                                </div>
4714
4715
4716                                    <div class="my-2 w-100 text-center">
4717                                        <div class="les_video" les_vin="JF2SJAGC0FH594712"></div>
4718                                    </div>
4719
4720
4721
4722
4723                            </div>
4724
4725                            <active-engage-widget v-if="isEnableActivEngageSrp"
4726                                                custom-class="py-2 ft-12"></active-engage-widget>
4727                        <div class="srp-tabs-section mt-3">
4728                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
4729                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SJAGC0FH594712'] || 'payments') === 'details' }"
4730                                    tabindex="0" role="tab"
4731                                    aria-label="Details"
4732                                    :aria-selected="(activeTabsByVin['JF2SJAGC0FH594712'] || 'payments') === 'details'"
4733                                    aria-controls="tab-panel-details-JF2SJAGC0FH594712"
4734                                    @click.stop.prevent="setActiveTab('details', 'JF2SJAGC0FH594712')"
4735                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2SJAGC0FH594712')">
4736                                        Details
4737                                    </div>
4738                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SJAGC0FH594712'] || 'payments') === 'payments' }"
4739                                tabindex="0" role="tab"
4740                                aria-label="Pricing"
4741                                :aria-selected="(activeTabsByVin['JF2SJAGC0FH594712'] || 'payments') === 'payments'"
4742                                aria-controls="tab-panel-payments-JF2SJAGC0FH594712"
4743                                @click.stop.prevent="setActiveTab('payments', 'JF2SJAGC0FH594712')"
4744                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2SJAGC0FH594712')">
4745                                    Pricing
4746                                </div>
4747                            </div>
4748
4749                            <div class="srp-tab-content">
4750                                <div :class="(activeTabsByVin['JF2SJAGC0FH594712'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2SJAGC0FH594712" aria-label="Details">
4751                                    <div class="vehicle-details-list">
4752
4753
4754                                            <div class="details-item-row">
4755                                                <div class="details-item-label">Stock #</div>
4756                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
4757                                                    <div id="copy_stock" class="d-inline">FH594712A</div>
4758                                                </div>
4759                                            </div>
4760
4761                                        
4762
4763
4764
4765
4766
4767                                                <div class="details-item-row">
4768                                                    <div class="details-item-label">Mileage</div>
4769                                                    <div class="details-item-value">90,679 Miles</div>
4770                                                </div>
4771
4772                                    </div>
4773
4774                                </div>
4775                                <div :class="(activeTabsByVin['JF2SJAGC0FH594712'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2SJAGC0FH594712" aria-label="Pricing">
4776                                            <div class="msrppanel-label">
4777                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):showMsrp)'>
4778
4779
4780                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-13500' :sh
4780owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4781                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
4782                                                                                    
4783
4784<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
4785    KBB Price
4786</div>
4787<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$13,500</div>
4788
4789
4790                                                                                </div>
4791                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
4792                                                                                                <div>
4793                                                                                                    Doc Fee
4794                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
4795                                                                                                </div>
4796                                                                                                <div class="d-flex pl-2">
4797                                                                                                    &#x2B;$85
4798                                                                                                </div>
4799                                                                                            </div>
4800                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
4801                                                                                                <div>
4802                                                                                                    EVR
4803                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
4804                                                                                                </div>
4805                                                                                                <div class="d-flex pl-2">
4806                                                                                                    &#x2B;$37
4807                                                                                                </div>
4808                                                                                            </div>
4809                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
4810                                                                                                <div>
4811                                                                                                    Emissions Test
4812                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
4813                                                                                                </div>
4814                                                                                                <div class="d-flex pl-2">
4815                                                                                                    &#x2B;$59
4816                                                                                                </div>
4817                                                                                            </div>
4818                                                                            <div id="jf2sjagc0fh594712-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
4819                                                                                <sp
4819an :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
4820                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
4821                                                                                </span>
4822                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2sjagc0fh594712-unlock-discount-price"></label></span>
4823                                                                            </div>
4824                                                                            <div id="jf2sjagc0fh594712-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'>
4825                                                                                <div class="mr-2" style="color:#1971d4">
4826                                                                                    <span id="jf2sjagc0fh594712-selling-price-label" class="p-0">Your Price</span>
4827                                                                                </div>
4828                                                                                <div id="jf2sjagc0fh594712-your-price-hide" class=" " style="color:#1971d4">$15,133</div>
4829                                                                            </div>
4830                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
4831                                                                                <div class="mr-2" style="color:#1971d4">
4832                                                                                    <span id="jf2sjagc0fh594712-selling-price-label" class="p-0">Your Price</span>
4833                                                                                </div>
4834                                                                                <div id="jf2sjagc0fh594712-your-price" class=" " style="color:#1971d4">$15,133</div>
4835                                                                            </div>
4836
4837
4838
4839
4840                                                        <total-incentive-discount qualified-data=''
4841                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
4842                                                                                :pricedata="{'msrp':'13500','yourPrice':'15133.0'}"
4843                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
4844                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
4845                                                    <div class="color-black ft-16 mt-1">
4846            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
4847                Disclosure
4848            </div>
4849</div>
4850
4851                                                </div>
4852
4853                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SJAGC0FH594712", "true"==="true"):!showMsrp )'>
4854                                                                    <div v-if="!unlockHideMsrp">
4855                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-13500' :sh
4855owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
4856                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
4857                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
4858                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$13,500</div>
4859                                                                        </div>
4860                                                                    </div>
4861
4862                                                </div>
4863                                            </div>
4864                                </div>
4865                            </div>
4866                        </div>
4867                        <div id="cta-params-JF2SJAGC0FH594712"
4868                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:15133.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
4869                        </div>
4870
4871                        <div>
4872
4873                            <vehicle-badges model="Forester"
4874                                            :current="'srp'"
4875                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
4876                                            :eyesight="''"
4877                                            :starlink="''"
4878                                            :von="''"
4879                                            :onorder="''"
4880                                            :vin="'JF2SJAGC0FH594712'"
4881                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash'"
4882                                            :vehicle-badges-top-srp="'False'"
4883                                            :year="'2015'"
4884                                            :in-transit-background-color-srp="''"
4885                                            :in-transit-badge-color-srp="''"
4886                                            :in-production-background-color-srp="''"
4887                                            :in-production-badge-color-srp="''"
4888                                            @opendisclaimer="openDisclaimerPopup($event)">
4889                            </vehicle-badges>
4890
4891                                <div class="d-flex flex-wrap">
4892                                    
4893
4894
4895
4896
4897
4898
4899                                </div>
4900                        </div>
4901
4902
4903
4904                        <div class="d-flex flex-wrap srp-certified-img-section">
4905
4906
4907
4908                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/zcxNqqbr9gNL1YW9cJEwPM3_CQB5SQlO6vWvzROvJpUt_2sTedjinPDQngBaBYMMUrQXX5nChiazTDJsb3L03LcaRnKfQSniuRk')">
4909                                        <img src="https://partnerstatic.
4909carfax.com/img/valuebadge/1own.svg"
4910                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
4911                                    </div>
4912
4913
4914
4915
4916
4917                        </div>
4918
4919                        <div v-if="currentTheme == 'subaru'" class="mt-3">
4920                            <subaru-badge-new model="Forester"
4921                                            year="2015"
4922                                            make="Subaru"
4923                                            type="Used"
4924                                            :current="'srp'"
4925                                            :transit="'False'"
4926                                            :eyesight="''"
4927                                            :starlink="''"
4928                                            :von="''"
4929                                            :onorder="''"
4930                                            :vin="'JF2SJAGC0FH594712'"
4931                                            :hide-in-transit="'False'"
4932                                            :vehicle-badges-top-srp="'False'"
4933                                            :subaru-consumer-report-class="''"
4934                                            :in-transit-background-color-srp="''"
4935                                            :in-transit-badge-color-srp="''"
4936                                            >
4937                            </subaru-badge-new>
4938                        </div>
4939
4940                    </div>
4941                </div>
4942
4943
4944
4945            </div>
4946        </a>
4947        <template v-if="true">
4948            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
4949                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2SJAGC0FH594712'" class="vehicle-data-overlay-container"
4950                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
4951                     @keydown.esc.prevent="closeDetailsOverlay()"
4952                     @keydown.tab="srpOverlayTrapFocus($event)">
4953                    <div class="vehicle-overlay-data">
4954                        <div class="srp-overlay-options">
4955                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
4956                                <div class="d-flex align-items-center" style="gap: 20px;">
4957                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
4958                                     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>
4959                                    <h3 class="mb-0">Options</h3>
4960                                </div>
4961                                <div>
4962                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
4963                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
4964                                </div>
4965                            </div>
4966
4967                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
4968                                <div class="overlay-nav-items px-3 pt-4">
4969                                    <div class="d-flex overlay-nav-item" tabindex="0"
4970                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SJAGC0FH594712', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SJAGC0FH594712', overlayType: 'share-options', label: 'Share' })">
4971                                        <em class="primaryicon-share-icon"></em>
4972                                        <span>Share</span>
4973                                    </div>
4974
4975                                        <div class="d-flex overlay-nav-item"
4976                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SJAGC0FH594712', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SJAGC0FH594712', overlayType: 'key-features', label: 'Key Features' })">
4977                                            <em class="primaryicon-key-features-icon"></em>
4978                                            <span>Key Features</span>
4979                                        </div>
4980                                </div>
4981
4982                                <div class="pt-4 px-3 mt-3">
4983                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash")' target="_self"
4984                                        @keydown.space.prevent="$event.currentTarget.click()"
4985                                        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:">
4986                                        View Details
4987                                    </a>
4988                                </div>
4989                            </div>
4990                        </div>
4991                    </div>
4992                </div>
4993            </transition>
4994            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
4995                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2SJAGC0FH594712'"
4996                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
4997                     @keydown.esc.prevent="navigateToDetailsOverlay()"
4998                     @keydown.tab="srpOverlayTrapFocus($event)">
4999                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5000                        <div class="d-flex align-items-center" style="gap: 20px;">
5001                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5002                            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>
5003                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5004                        </div>
5005                        <div>
5006                            <em class="primaryicon-close-icon-gray"
5007                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5008                        </div>
5009                    </div>
5010                    <div class="mt-3 pt-4 overlay-section-links">
5011                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5012                        <template v-if="!isLoadingOverlayDetails">
5013                            <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>
5014                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash" vehicle-name="Used 2015 Subaru Forester 2.5i Premium" :page-type-id="18" :style-id="367528" class="overlay-section-content"></share-options>
5015                            <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>
5016                        </template>
5017                    </div>
5018                </div>
5019            </transition>
5020        </template>
5021    </div>
5022        
5022<script type="application/javascript">
5023
5024            var rebatesString = "[]";
5025            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5026            localStorage.setItem("4S4BSETC2H3393835-rebates", formattedRebatesString);
5027
5028        </script>
5028
5029<div data-itemid="Subaru-Outback-Touring-4S4BSETC2H3393835" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5030        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4BSETC2H3393835", "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "1",msrp:"21300",yourPrice:"19140.0",sellingPrice:"18959",type:"Used",title:`2017 Subaru Outback Touring`},"true"==="true"), setVintoTransact("4S4BSETC2H3393835", $event,{styleId:"386428"})'
5031        @mouseleave="clearMouseHoverValue()"
5032        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5033        used-large-box" style="height: 100%;">
5034
5035            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5036                <div class="position-relative">
5037                    <div class="srp-top-badges">
5038                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
5039                            <div class="d-flex align-items-center gap-10">
5040                            </div>
5041                        </div>
5042
5043                    </div>
5044
5045
5046                    <div id="EZ360_CVDP"></div>
5047
5048                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5049                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4BSETC2H3393835'" class="vehicle-box__image">
5050                                    <img src="https://cdn.max.auto/t_hres/108741/4S4BSETC2H3393835/6aaa3b62050dae99f5fa6e4f.jpg" class="img-fluid srp-vehiclebox-image"
5051                                    title="2017 Subaru Outback Touring" alt="2017 Subaru Outback Touring" />
5052
5053                        </div>
5054
5055                        <div class="dp-srp-evox-media-4S4BSETC2H3393835" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4BSETC2H3393835'"></div>
5056
5057                        <div class="vehicle-info-icon">
5058                            <em
5059                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4BSETC2H3393835')"
5060                            class="primaryicon-options-btn-new info-icon-css"
5061                            data-vin="4S4BSETC2H3393835"
5062                            tabindex="0"
5063                            role="button"
5064                            aria-label="Vehicle info"
5065                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4BSETC2H3393835')"
5066                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4BSETC2H3393835')"
5067                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5068                        </div>
5069                    </div>
5070
5071
5072                    <div class="vehiclebox-info-section p-3">
5073                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5074                            <div class="d-flex">
5075                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5076                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5077                                        2017 Subaru Outback Touring
5078                                    </h2>
5079                                </div>
5080                            </div>
5081                        </div>
5082
5083                        <div class="vehicle-summary-section mt-3 ">
5084                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5085                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5086            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):showMsrp)'>
5087                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
5088                                            <div class="mr-2" style="color:#1971d4">
5089                                                <span id="4s4bsetc2h3393835-price-summary-label">Your Price</span>
5090                                            </div>
5091                                            <div id="4s4bsetc2h3393835-price-summary-value" class=" " style="color:#1971d4">$19,140</div>
5092                                        </div>
5093
5094            </div>
5095            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):!showMsrp )'>
5096                                <div v-if="!unlockHideMsrp">
5097                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5098                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
5099                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$21,300</div>
5100                                    </div>
5101                                </div>
5102
5103            </div>
5104        </div>
5105
5106                            </div>
5107
5108                                <template v-if="true">
5109                                    <div class="vehicle-summary-cta flex-1">
5110                                        <object>
5111                                               <div class="primary-button-parent">
5112        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash#Transact" target="_self"
5113           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4BSETC2H3393835");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash",$event,"_self")'
5114           @keydown.space.prevent="$event.currentTarget.click()"
5115           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
5116           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
5117            CALCULATE PAYMENTS
5118        </a>
5119    </div>
5120
5121                                        </object>
5122                                    </div>
5123                                </template>
5124                        </div>
5125<div class="color-black ft-16 mt-1">
5126            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
5127                Disclosure
5128            </div>
5129</div>
5130
5131
5132                        <div class="show section-separator my-4"></div>
5133
5134
5135                            <template v-if="true">
5136                                <object>
5137                                    <div class="app-level-cta-container">
5138
5139
5140
5141
5142
5143
5144
5145                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4BSETC2H3393835","true"==="true"))' class="primary-button-parent">
5146                                                    <a :style="ctaBtnStyles"
5147                                                     tabindex="0" role="button"
5148                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash", "4S4BSETC2H3393835", "Used")'
5149                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash", "4S4BSETC2H3393835", "Used")'
5150                                                    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">
5151                                                        {{inventorySettings.data.buttonLabel}}
5152                                                    </a>
5153                                                 </div>
5154                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
5155                                                                    <a v-if="applySecondary
5155Design" href=""
5156                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
5157                                                                        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"
5158                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5159                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5160                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5161                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
5162                                                                    <a v-else href=""
5163                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
5164                                                                        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"
5165                                                                        @click.prevent="
5166                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5167                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5168                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5169                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5170                                                                        GET MORE INFORMATION
5171                                                                    </a>
5172                                                                </div>
5173                                                                    <div class="primary-button-parent">
5174                                                                        <a v-if="applySecondary
5174Design"
5175                                                                            href="javascript:void(0)"
5176                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
5177                                                                            class=" 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"
5178                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5179                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
5180                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
5181                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
5182                                                                            CALL (805) 790-9466
5183                                                                        </a>
5184                                                                        <a v-else
5185                                                                            href="javascript:void(0)"
5186                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
5187                                                                            class=" 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"
5188                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5189                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
5190                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
5191                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BSETC2H3393835&quot;,&quot;year&quot;:&quot;2017&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:252.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;H3393835A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
5192                                                                            >
5193                                                                            CALL (805) 790-9466
5194                                                                        </a>
5195                                                                    </div>
5196
5197
5198
5199
5200                                    </div>
5201                                </object>
5202                            </template>
5203
5204                            <div class="mt-3">
5205
5206
5207                                <div class="inventory-btns" style="width:100%;" v-cloak>
5208
5209
5210                                    <object class="d-flex flex-column primary-inventory-btn-group">
5211                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5212                                        <div class="pi-pullup-container"></div>
5213                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5214
5215                                        <div class="dvs_vin_btn" vin="4S4BSETC2H3393835"></div>
5216
5217
5218
5219
5220
5221
5222                                    </object>
5223
5224
5225
5226
5227
5228
5229
5230
5231
5232                                    
5233
5234
5235
5236
5237
5238
5239
5240
5241
5242                                </div>
5243
5244
5245                                    <div class="my-2 w-100 text-center">
5246                                        <div class="les_video" les_vin="4S4BSETC2H3393835"></div>
5247                                    </div>
5248
5249
5250
5251
5252                            </div>
5253
5254                            <active-engage-widget v-if="isEnableActivEngageSrp"
5255                                                custom-class="py-2 ft-12"></active-engage-widget>
5256                        <div class="srp-tabs-section mt-3">
5257                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
5258                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BSETC2H3393835'] || 'payments') === 'details' }"
5259                                    tabindex="0" role="tab"
5260                                    aria-label="Details"
5261                                    :aria-selected="(activeTabsByVin['4S4BSETC2H3393835'] || 'payments') === 'details'"
5262                                    aria-controls="tab-panel-details-4S4BSETC2H3393835"
5263                                    @click.stop.prevent="setActiveTab('details', '4S4BSETC2H3393835')"
5264                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4BSETC2H3393835')">
5265                                        Details
5266                                    </div>
5267                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BSETC2H3393835'] || 'payments') === 'payments' }"
5268                                tabindex="0" role="tab"
5269                                aria-label="Pricing"
5270                                :aria-selected="(activeTabsByVin['4S4BSETC2H3393835'] || 'payments') === 'payments'"
5271                                aria-controls="tab-panel-payments-4S4BSETC2H3393835"
5272                                @click.stop.prevent="setActiveTab('payments', '4S4BSETC2H3393835')"
5273                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4BSETC2H3393835')">
5274                                    Pricing
5275                                </div>
5276                            </div>
5277
5278                            <div class="srp-tab-content">
5279                                <div :class="(activeTabsByVin['4S4BSETC2H3393835'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4BSETC2H3393835" aria-label="Details">
5280                                    <div class="vehicle-details-list">
5281
5282
5283                                            <div class="details-item-row">
5284                                                <div class="details-item-label">Stock #</div>
5285                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
5286                                                    <div id="copy_stock" class="d-inline">H3393835A</div>
5287                                                </div>
5288                                            </div>
5289
5290                                        
5291
5292
5293
5294
5295
5296                                                <div class="details-item-row">
5297                                                    <div class="details-item-label">Mileage</div>
5298                                                    <div class="details-item-value">90,395 Miles</div>
5299                                                </div>
5300
5301                                    </div>
5302
5303                                </div>
5304                                <div :class="(activeTabsByVin['4S4BSETC2H3393835'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4BSETC2H3393835" aria-label="Pricing">
5305                                            <div class="msrppanel-label">
5306                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):showMsrp)'>
5307
5308
5309                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-21300' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5310                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
5311                                                                                        
5312
5313<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
5314    KBB Price
5315</div>
5316<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$21,300</div>
5317
5318
5319                                                                                    </div>
5320                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$2,341</span> </div>
5321                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
5322                                                                                                <div>
5323                                                                                                    Doc Fee
5324                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
5325                                                                                                </div>
5326                                                                                                <div class="d-flex pl-2">
5327                                                                                                    &#x2B;$85
5328                                                                                                </div>
5329                                                                                            </div>
5330                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
5331                                                                                                <div>
5332                                                                                                    EVR
5333                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
5334                                                                                                </div>
5335                                                                                                <div class="d-flex pl-2">
5336                                                                                                    &#x2B;$37
5337                                                                                                </div>
5338                                                                                            </div>
5339                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
5340                                                                                                <div>
5341                                                                                                    Emissions Test
5342                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
5343                                                                                                </div>
5344                                                                                                <div class="d-flex pl-2">
5345                                                                                                    &#x2B;$59
5346                                                                                                </div>
5347                                                                                            </div>
5348                                                                            <div id="4s4bsetc2h339
53483835-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
5349                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
5350                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
5351                                                                                </span>
5352                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4bsetc2h3393835-unlock-discount-price"></label></span>
5353                                                                            </div>
5354                                                                            <div id="4s4bsetc2h3393835-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'>
5355                                                                                <div class="mr-2" style="color:#1971d4">
5356                                                                                    <span id="4s4bsetc2h3393835-selling-price-label" class="p-0">Your Price</span>
5357                                                                                </div>
5358                                                                                <div id="4s4bsetc2h3393835-your-price-hide" class=" " style="color:#1971d4">$19,140</div>
5359                                                                            </div>
5360                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
5361                                                                                <div class="mr-2" style="color:#1971d4">
5362                                                                                    <span id="4s4bsetc2h3393835-selling-price-label" class="p-0">Your Price</span>
5363                                                                                </div>
5364                                                                                <div id="4s4bsetc2h3393835-your-price" class=" " style="color:#1971d4">$19,140</div>
5365                                                                            </div>
5366
5367
5368
5369
5370                                                        <total-incentive-discount qualified-data=''
5371                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
5372                                                                                :pricedata="{'msrp':'21300','yourPrice':'19140.0'}"
5373                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
5374                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
5375                                                    <div class="color-black ft-16 mt-1">
5376            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
5377                Disclosure
5378            </div>
5379</div>
5380
5381                                                </div>
5382
5383                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BSETC2H3393835", "true"==="true"):!showMsrp )'>
5384                                                                    <div v-if="!unlockHideMsrp">
5385                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-21300' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5386                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
5387                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
5388                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$21,300</div>
5389                                                                        </div>
5390                                                                    </div>
5391
5392                                                </div>
5393                                            </div>
5394                                </div>
5395                            </div>
5396                        </div>
5397                        <div id="cta-params-4S4BSETC2H3393835"
5398                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:19140.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
5399                        </div>
5400
5401                        <div>
5402
5403                            <vehicle-badges model="Outback"
5404                                            :current="'srp'"
5405                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
5406                                            :eyesight="''"
5407                                            :starlink="''"
5408                                            :von="''"
5409                                            :onorder="''"
5410                                            :vin="'4S4BSETC2H3393835'"
5411                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash'"
5412                                            :vehicle-badges-top-srp="'False'"
5413                                            :year="'2017'"
5414                                            :in-transit-background-color-srp="''"
5415                                            :in-transit-badge-color-srp="''"
5416                                            :in-production-background-color-srp="''"
5417                                            :in-production-badge-color-srp="''"
5418                                            @opendisclaimer="openDisclaimerPopup($event)">
5419                            </vehicle-badges>
5420
5421                                <div class="d-flex flex-wrap">
5422                                    
5423
5424
5425
5426
5427
5428
5429                                </div>
5430                        </div>
5431
5432
5433
5434                        <div class="d-flex flex-wrap srp-certified-img-section">
5435
5436
5437
5438                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/nwOfAnQwyVE58Gvoal6tPq2ZjPPfYpvRcC0xVL1wCPU6DR4l16GL5BwqA1ylEIJPBnUfbVpdqRowFbwL9EbY5-iS_EMcQQVUaWk')">
5439                                        <img src="https://partnerstatic.
5439carfax.com/img/valuebadge/1own.svg"
5440                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
5441                                    </div>
5442
5443
5444
5445
5446
5447                        </div>
5448
5449                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5450                            <subaru-badge-new model="Outback"
5451                                            year="2017"
5452                                            make="Subaru"
5453                                            type="Used"
5454                                            :current="'srp'"
5455                                            :transit="'False'"
5456                                            :eyesight="''"
5457                                            :starlink="''"
5458                                            :von="''"
5459                                            :onorder="''"
5460                                            :vin="'4S4BSETC2H3393835'"
5461                                            :hide-in-transit="'False'"
5462                                            :vehicle-badges-top-srp="'False'"
5463                                            :subaru-consumer-report-class="''"
5464                                            :in-transit-background-color-srp="''"
5465                                            :in-transit-badge-color-srp="''"
5466                                            >
5467                            </subaru-badge-new>
5468                        </div>
5469
5470                    </div>
5471                </div>
5472
5473
5474
5475            </div>
5476        </a>
5477        <template v-if="true">
5478            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
5479                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4BSETC2H3393835'" class="vehicle-data-overlay-container"
5480                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
5481                     @keydown.esc.prevent="closeDetailsOverlay()"
5482                     @keydown.tab="srpOverlayTrapFocus($event)">
5483                    <div class="vehicle-overlay-data">
5484                        <div class="srp-overlay-options">
5485                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5486                                <div class="d-flex align-items-center" style="gap: 20px;">
5487                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
5488                                     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>
5489                                    <h3 class="mb-0">Options</h3>
5490                                </div>
5491                                <div>
5492                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
5493                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
5494                                </div>
5495                            </div>
5496
5497                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
5498                                <div class="overlay-nav-items px-3 pt-4">
5499                                    <div class="d-flex overlay-nav-item" tabindex="0"
5500                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BSETC2H3393835', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BSETC2H3393835', overlayType: 'share-options', label: 'Share' })">
5501                                        <em class="primaryicon-share-icon"></em>
5502                                        <span>Share</span>
5503                                    </div>
5504
5505                                        <div class="d-flex overlay-nav-item"
5506                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BSETC2H3393835', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BSETC2H3393835', overlayType: 'key-features', label: 'Key Features' })">
5507                                            <em class="primaryicon-key-features-icon"></em>
5508                                            <span>Key Features</span>
5509                                        </div>
5510                                </div>
5511
5512                                <div class="pt-4 px-3 mt-3">
5513                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash")' target="_self"
5514                                        @keydown.space.prevent="$event.currentTarget.click()"
5515                                        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:">
5516                                        View Details
5517                                    </a>
5518                                </div>
5519                            </div>
5520                        </div>
5521                    </div>
5522                </div>
5523            </transition>
5524            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
5525                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4BSETC2H3393835'"
5526                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
5527                     @keydown.esc.prevent="navigateToDetailsOverlay()"
5528                     @keydown.tab="srpOverlayTrapFocus($event)">
5529                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
5530                        <div class="d-flex align-items-center" style="gap: 20px;">
5531                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
5532                            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>
5533                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
5534                        </div>
5535                        <div>
5536                            <em class="primaryicon-close-icon-gray"
5537                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
5538                        </div>
5539                    </div>
5540                    <div class="mt-3 pt-4 overlay-section-links">
5541                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
5542                        <template v-if="!isLoadingOverlayDetails">
5543                            <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>
5544                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash" vehicle-name="Used 2017 Subaru Outback Touring" :page-type-id="18" :style-id="386428" class="overlay-section-content"></share-options>
5545                            <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>
5546                        </template>
5547                    </div>
5548                </div>
5549            </transition>
5550        </template>
5551    </div>
5552        
5552<script type="application/javascript">
5553
5554            var rebatesString = "[]";
5555            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
5556            localStorage.setItem("JF2GTAPC7M8324860-rebates", formattedRebatesString);
5557
5558        </script>
5558
5559<div data-itemid="Subaru-Crosstrek-Premium-JF2GTAPC7M8324860" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
5560        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2GTAPC7M8324860", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "2",msrp:"22565",yourPrice:"21125.0",sellingPrice:"20944",type:"Used",title:`2021 Subaru Crosstrek Premium`},"true"==="true"), setVintoTransact("JF2GTAPC7M8324860", $event,{styleId:"414819"})'
5561        @mouseleave="clearMouseHoverValue()"
5562        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
5563        used-large-box" style="height: 100%;">
5564
5565            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
5566                <div class="position-relative">
5567                    <div class="srp-top-badges">
5568                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
5569                            <div class="d-flex align-items-center gap-10">
5570                            </div>
5571                        </div>
5572
5573                    </div>
5574
5575
5576                    <div id="EZ360_CVDP"></div>
5577
5578                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
5579                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2GTAPC7M8324860'" class="vehicle-box__image">
5580                                    <img src="https://cdn.max.auto/t_hres/108741/JF2GTAPC7M8324860/6ab76a5b050dae99f50fb7f8.jpg" class="img-fluid srp-vehiclebox-image"
5581                                    title="2021 Subaru Crosstrek Premium" alt="2021 Subaru Crosstrek Premium" />
5582
5583                        </div>
5584
5585                        <div class="dp-srp-evox-media-JF2GTAPC7M8324860" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2GTAPC7M8324860'"></div>
5586
5587                        <div class="vehicle-info-icon">
5588                            <em
5589                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2GTAPC7M8324860')"
5590                            class="primaryicon-options-btn-new info-icon-css"
5591                            data-vin="JF2GTAPC7M8324860"
5592                            tabindex="0"
5593                            role="button"
5594                            aria-label="Vehicle info"
5595                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2GTAPC7M8324860')"
5596                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2GTAPC7M8324860')"
5597                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
5598                        </div>
5599                    </div>
5600
5601
5602                    <div class="vehiclebox-info-section p-3">
5603                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
5604                            <div class="d-flex">
5605                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
5606                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
5607                                        2021 Subaru Crosstrek Premium
5608                                    </h2>
5609                                </div>
5610                            </div>
5611                        </div>
5612
5613                        <div class="vehicle-summary-section mt-3 ">
5614                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
5615                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
5616            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):showMsrp)'>
5617                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
5618                                            <div class="mr-2" style="color:#1971d4">
5619                                                <span id="jf2gtapc7m8324860-price-summary-label">Your Price</span>
5620                                            </div>
5621                                            <div id="jf2gtapc7m8324860-price-summary-value" class=" " style="color:#1971d4">$21,125</div>
5622                                        </div>
5623
5624            </div>
5625            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):!showMsrp )'>
5626                                <div v-if="!unlockHideMsrp">
5627                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
5628                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
5629                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,565</div>
5630                                    </div>
5631                                </div>
5632
5633            </div>
5634        </div>
5635
5636                            </div>
5637
5638                                <template v-if="true">
5639                                    <div class="vehicle-summary-cta flex-1">
5640                                        <object>
5641                                               <div class="primary-button-parent">
5642        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
5643           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2GTAPC7M8324860");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
5644           @keydown.space.prevent="$event.currentTarget.click()"
5645           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
5646           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
5647            CALCULATE PAYMENTS
5648        </a>
5649    </div>
5650
5651                                        </object>
5652                                    </div>
5653                                </template>
5654                        </div>
5655<div class="color-black ft-16 mt-1">
5656            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
5657                Disclosure
5658            </div>
5659</div>
5660
5661
5662                        <div class="show section-separator my-4"></div>
5663
5664
5665                            <template v-if="true">
5666                                <object>
5667                                    <div class="app-level-cta-container">
5668
5669
5670
5671
5672
5673
5674
5675                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2GTAPC7M8324860","true"==="true"))' class="primary-button-parent">
5676                                                    <a :style="ctaBtnStyles"
5677                                                     tabindex="0" role="button"
5678                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash", "JF2GTAPC7M8324860", "Used")'
5679                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash", "JF2GTAPC7M8324860", "Used")'
5680                                                    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">
5681                                                        {{inventorySettings.data.buttonLabel}}
5682                                                    </a>
5683                                                 </div>
5684                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
5685                                                                    <a v-if="applySecondary
5685Design" href=""
5686                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
5687                                                                        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"
5688                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5689                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5690                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5691                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
5692                                                                    <a v-else href=""
5693                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
5694                                                                        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"
5695                                                                        @click.prevent="
5696                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5697                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
5698                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5699                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
5700                                                                        GET MORE INFORMATION
5701                                                                    </a>
5702                                                                </div>
5703                                                                    <div class="primary-button-parent">
5704                                                                        <a v-if="applySecondary
5704Design"
5705                                                                            href="javascript:void(0)"
5706                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
5707                                                                            class=" 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"
5708                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5709                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
5710                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
5711                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
5712                                                                            CALL (805) 790-9466
5713                                                                        </a>
5714                                                                        <a v-else
5715                                                                            href="javascript:void(0)"
5716                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
5717                                                                            class=" 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"
5718                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
5719                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
5720                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
5721                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTAPC7M8324860&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:278.23,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;M8324860P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
5722                                                                            >
5723                                                                            CALL (805) 790-9466
5724                                                                        </a>
5725                                                                    </div>
5726
5727
5728
5729
5730                                    </div>
5731                                </object>
5732                            </template>
5733
5734                            <div class="mt-3">
5735
5736
5737                                <div class="inventory-btns" style="width:100%;" v-cloak>
5738
5739
5740                                    <object class="d-flex flex-column primary-inventory-btn-group">
5741                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5742                                        <div class="pi-pullup-container"></div>
5743                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
5744
5745                                        <div class="dvs_vin_btn" vin="JF2GTAPC7M8324860"></div>
5746
5747
5748
5749
5750
5751
5752                                    </object>
5753
5754
5755
5756
5757
5758
5759
5760
5761
5762                                    
5763
5764
5765
5766
5767
5768
5769
5770
5771
5772                                </div>
5773
5774
5775                                    <div class="my-2 w-100 text-center">
5776                                        <div class="les_video" les_vin="JF2GTAPC7M8324860"></div>
5777                                    </div>
5778
5779
5780
5781
5782                            </div>
5783
5784                            <active-engage-widget v-if="isEnableActivEngageSrp"
5785                                                custom-class="py-2 ft-12"></active-engage-widget>
5786                        <div class="srp-tabs-section mt-3">
5787                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
5788                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTAPC7M8324860'] || 'payments') === 'details' }"
5789                                    tabindex="0" role="tab"
5790                                    aria-label="Details"
5791                                    :aria-selected="(activeTabsByVin['JF2GTAPC7M8324860'] || 'payments') === 'details'"
5792                                    aria-controls="tab-panel-details-JF2GTAPC7M8324860"
5793                                    @click.stop.prevent="setActiveTab('details', 'JF2GTAPC7M8324860')"
5794                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2GTAPC7M8324860')">
5795                                        Details
5796                                    </div>
5797                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTAPC7M8324860'] || 'payments') === 'payments' }"
5798                                tabindex="0" role="tab"
5799                                aria-label="Pricing"
5800                                :aria-selected="(activeTabsByVin['JF2GTAPC7M8324860'] || 'payments') === 'payments'"
5801                                aria-controls="tab-panel-payments-JF2GTAPC7M8324860"
5802                                @click.stop.prevent="setActiveTab('payments', 'JF2GTAPC7M8324860')"
5803                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2GTAPC7M8324860')">
5804                                    Pricing
5805                                </div>
5806                            </div>
5807
5808                            <div class="srp-tab-content">
5809                                <div :class="(activeTabsByVin['JF2GTAPC7M8324860'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2GTAPC7M8324860" aria-label="Details">
5810                                    <div class="vehicle-details-list">
5811
5812
5813                                            <div class="details-item-row">
5814                                                <div class="details-item-label">Stock #</div>
5815                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
5816                                                    <div id="copy_stock" class="d-inline">M8324860P</div>
5817                                                </div>
5818                                            </div>
5819
5820                                        
5821
5822
5823
5824
5825
5826                                                <div class="details-item-row">
5827                                                    <div class="details-item-label">Mileage</div>
5828                                                    <div class="details-item-value">55,248 Miles</div>
5829                                                </div>
5830
5831                                    </div>
5832
5833                                </div>
5834                                <div :class="(activeTabsByVin['JF2GTAPC7M8324860'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2GTAPC7M8324860" aria-label="Pricing">
5835                                            <div class="msrppanel-label">
5836                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):showMsrp)'>
5837
5838
5839                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22565' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5840                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
5841                                                                                        
5842
5843<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
5844    KBB Price
5845</div>
5846<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$22,565</div>
5847
5848
5849                                                                                    </div>
5850                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$1,621</span> </div>
5851                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
5852                                                                                                <div>
5853                                                                                                    Doc Fee
5854                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
5855                                                                                                </div>
5856                                                                                                <div class="d-flex pl-2">
5857                                                                                                    &#x2B;$85
5858                                                                                                </div>
5859                                                                                            </div>
5860                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
5861                                                                                                <div>
5862                                                                                                    EVR
5863                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
5864                                                                                                </div>
5865                                                                                                <div class="d-flex pl-2">
5866                                                                                                    &#x2B;$37
5867                                                                                                </div>
5868                                                                                            </div>
5869                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
5870                                                                                                <div>
5871                                                                                                    Emissions Test
5872                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
5873                                                                                                </div>
5874                                                                                                <div class="d-flex pl-2">
5875                                                                                                    &#x2B;$59
5876                                                                                                </div>
5877                                                                                            </div>
5878                                                                            <div i
5878d="jf2gtapc7m8324860-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
5879                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
5880                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
5881                                                                                </span>
5882                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2gtapc7m8324860-unlock-discount-price"></label></span>
5883                                                                            </div>
5884                                                                            <div id="jf2gtapc7m8324860-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'>
5885                                                                                <div class="mr-2" style="color:#1971d4">
5886                                                                                    <span id="jf2gtapc7m8324860-selling-price-label" class="p-0">Your Price</span>
5887                                                                                </div>
5888                                                                                <div id="jf2gtapc7m8324860-your-price-hide" class=" " style="color:#1971d4">$21,125</div>
5889                                                                            </div>
5890                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
5891                                                                                <div class="mr-2" style="color:#1971d4">
5892                                                                                    <span id="jf2gtapc7m8324860-selling-price-label" class="p-0">Your Price</span>
5893                                                                                </div>
5894                                                                                <div id="jf2gtapc7m8324860-your-price" class=" " style="color:#1971d4">$21,125</div>
5895                                                                            </div>
5896
5897
5898
5899
5900                                                        <total-incentive-discount qualified-data=''
5901                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
5902                                                                                :pricedata="{'msrp':'22565','yourPrice':'21125.0'}"
5903                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
5904                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
5905                                                    <div class="color-black ft-16 mt-1">
5906            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
5907                Disclosure
5908            </div>
5909</div>
5910
5911                                                </div>
5912
5913                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTAPC7M8324860", "true"==="true"):!showMsrp )'>
5914                                                                    <div v-if="!unlockHideMsrp">
5915                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-22565' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
5916                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
5917                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
5918                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$22,565</div>
5919                                                                        </div>
5920                                                                    </div>
5921
5922                                                </div>
5923                                            </div>
5924                                </div>
5925                            </div>
5926                        </div>
5927                        <div id="cta-params-JF2GTAPC7M8324860"
5928                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:21125.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
5929                        </div>
5930
5931                        <div>
5932
5933                            <vehicle-badges model="Crosstrek"
5934                                            :current="'srp'"
5935                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
5936                                            :eyesight="''"
5937                                            :starlink="''"
5938                                            :von="''"
5939                                            :onorder="''"
5940                                            :vin="'JF2GTAPC7M8324860'"
5941                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash'"
5942                                            :vehicle-badges-top-srp="'False'"
5943                                            :year="'2021'"
5944                                            :in-transit-background-color-srp="''"
5945                                            :in-transit-badge-color-srp="''"
5946                                            :in-production-background-color-srp="''"
5947                                            :in-production-badge-color-srp="''"
5948                                            @opendisclaimer="openDisclaimerPopup($event)">
5949                            </vehicle-badges>
5950
5951                                <div class="d-flex flex-wrap">
5952                                    
5953
5954
5955
5956
5957
5958
5959                                </div>
5960                        </div>
5961
5962
5963
5964                        <div class="d-flex flex-wrap srp-certified-img-section">
5965
5966
5967
5968                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/j9RLdYT9e0y--HH4HtZuqePPvgkWXYMuxsBojaEjtoshuMijxXn5QjjiwuouishDIDzCrcpnhn9Sh1WOgrON2J54ZZTBRx683qE')">
5969                                        <img src="https://partnerstatic.
5969carfax.com/img/valuebadge/good.svg"
5970                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
5971                                    </div>
5972
5973
5974
5975
5976
5977                        </div>
5978
5979                        <div v-if="currentTheme == 'subaru'" class="mt-3">
5980                            <subaru-badge-new model="Crosstrek"
5981                                            year="2021"
5982                                            make="Subaru"
5983                                            type="Used"
5984                                            :current="'srp'"
5985                                            :transit="'False'"
5986                                            :eyesight="''"
5987                                            :starlink="''"
5988                                            :von="''"
5989                                            :onorder="''"
5990                                            :vin="'JF2GTAPC7M8324860'"
5991                                            :hide-in-transit="'False'"
5992                                            :vehicle-badges-top-srp="'False'"
5993                                            :subaru-consumer-report-class="''"
5994                                            :in-transit-background-color-srp="''"
5995                                            :in-transit-badge-color-srp="''"
5996                                            >
5997                            </subaru-badge-new>
5998                        </div>
5999
6000                    </div>
6001                </div>
6002
6003
6004
6005            </div>
6006        </a>
6007        <template v-if="true">
6008            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
6009                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2GTAPC7M8324860'" class="vehicle-data-overlay-container"
6010                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
6011                     @keydown.esc.prevent="closeDetailsOverlay()"
6012                     @keydown.tab="srpOverlayTrapFocus($event)">
6013                    <div class="vehicle-overlay-data">
6014                        <div class="srp-overlay-options">
6015                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6016                                <div class="d-flex align-items-center" style="gap: 20px;">
6017                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
6018                                     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>
6019                                    <h3 class="mb-0">Options</h3>
6020                                </div>
6021                                <div>
6022                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
6023                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
6024                                </div>
6025                            </div>
6026
6027                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
6028                                <div class="overlay-nav-items px-3 pt-4">
6029                                    <div class="d-flex overlay-nav-item" tabindex="0"
6030                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTAPC7M8324860', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTAPC7M8324860', overlayType: 'share-options', label: 'Share' })">
6031                                        <em class="primaryicon-share-icon"></em>
6032                                        <span>Share</span>
6033                                    </div>
6034
6035                                        <div class="d-flex overlay-nav-item"
6036                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTAPC7M8324860', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTAPC7M8324860', overlayType: 'key-features', label: 'Key Features' })">
6037                                            <em class="primaryicon-key-features-icon"></em>
6038                                            <span>Key Features</span>
6039                                        </div>
6040                                </div>
6041
6042                                <div class="pt-4 px-3 mt-3">
6043                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash")' target="_self"
6044                                        @keydown.space.prevent="$event.currentTarget.click()"
6045                                        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:">
6046                                        View Details
6047                                    </a>
6048                                </div>
6049                            </div>
6050                        </div>
6051                    </div>
6052                </div>
6053            </transition>
6054            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
6055                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2GTAPC7M8324860'"
6056                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
6057                     @keydown.esc.prevent="navigateToDetailsOverlay()"
6058                     @keydown.tab="srpOverlayTrapFocus($event)">
6059                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6060                        <div class="d-flex align-items-center" style="gap: 20px;">
6061                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
6062                            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>
6063                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
6064                        </div>
6065                        <div>
6066                            <em class="primaryicon-close-icon-gray"
6067                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
6068                        </div>
6069                    </div>
6070                    <div class="mt-3 pt-4 overlay-section-links">
6071                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
6072                        <template v-if="!isLoadingOverlayDetails">
6073                            <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>
6074                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2021 Subaru Crosstrek Premium" :page-type-id="18" :style-id="414819" class="overlay-section-content"></share-options>
6075                            <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>
6076                        </template>
6077                    </div>
6078                </div>
6079            </transition>
6080        </template>
6081    </div>
6082        
6082<script type="application/javascript">
6083
6084            var rebatesString = "[]";
6085            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
6086            localStorage.setItem("4S4BTACC3L3140778-rebates", formattedRebatesString);
6087
6088        </script>
6088
6089<div data-itemid="Subaru-Outback-Premium-4S4BTACC3L3140778" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
6090        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4BTACC3L3140778", "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "3",msrp:"23879",yourPrice:"22127.0",sellingPrice:"21946",type:"Used",title:`2020 Subaru Outback Premium`},"true"==="true"), setVintoTransact("4S4BTACC3L3140778", $event,{styleId:"409282"})'
6091        @mouseleave="clearMouseHoverValue()"
6092        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
6093        used-large-box" style="height: 100%;">
6094
6095            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
6096                <div class="position-relative">
6097                    <div class="srp-top-badges">
6098                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
6099                            <div class="d-flex align-items-center gap-10">
6100                            </div>
6101                        </div>
6102
6103                    </div>
6104
6105
6106                    <div id="EZ360_CVDP"></div>
6107
6108                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
6109                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4BTACC3L3140778'" class="vehicle-box__image">
6110                                    <img src="https://cdn.max.auto/t_hres/108741/4S4BTACC3L3140778/6ab4c783050dae99f56a0aaa.jpg" class="img-fluid srp-vehiclebox-image"
6111                                    title="2020 Subaru Outback Premium" alt="2020 Subaru Outback Premium" />
6112
6113                        </div>
6114
6115                        <div class="dp-srp-evox-media-4S4BTACC3L3140778" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4BTACC3L3140778'"></div>
6116
6117                        <div class="vehicle-info-icon">
6118                            <em
6119                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4BTACC3L3140778')"
6120                            class="primaryicon-options-btn-new info-icon-css"
6121                            data-vin="4S4BTACC3L3140778"
6122                            tabindex="0"
6123                            role="button"
6124                            aria-label="Vehicle info"
6125                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4BTACC3L3140778')"
6126                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4BTACC3L3140778')"
6127                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
6128                        </div>
6129                    </div>
6130
6131
6132                    <div class="vehiclebox-info-section p-3">
6133                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
6134                            <div class="d-flex">
6135                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
6136                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
6137                                        2020 Subaru Outback Premium
6138                                    </h2>
6139                                </div>
6140                            </div>
6141                        </div>
6142
6143                        <div class="vehicle-summary-section mt-3 ">
6144                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
6145                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
6146            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):showMsrp)'>
6147                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
6148                                            <div class="mr-2" style="color:#1971d4">
6149                                                <span id="4s4btacc3l3140778-price-summary-label">Your Price</span>
6150                                            </div>
6151                                            <div id="4s4btacc3l3140778-price-summary-value" class=" " style="color:#1971d4">$22,127</div>
6152                                        </div>
6153
6154            </div>
6155            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):!showMsrp )'>
6156                                <div v-if="!unlockHideMsrp">
6157                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
6158                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
6159                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,879</div>
6160                                    </div>
6161                                </div>
6162
6163            </div>
6164        </div>
6165
6166                            </div>
6167
6168                                <template v-if="true">
6169                                    <div class="vehicle-summary-cta flex-1">
6170                                        <object>
6171                                               <div class="primary-button-parent">
6172        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash#Transact" target="_self"
6173           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4BTACC3L3140778");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash",$event,"_self")'
6174           @keydown.space.prevent="$event.currentTarget.click()"
6175           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
6176           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
6177            CALCULATE PAYMENTS
6178        </a>
6179    </div>
6180
6181                                        </object>
6182                                    </div>
6183                                </template>
6184                        </div>
6185<div class="color-black ft-16 mt-1">
6186            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
6187                Disclosure
6188            </div>
6189</div>
6190
6191
6192                        <div class="show section-separator my-4"></div>
6193
6194
6195                            <template v-if="true">
6196                                <object>
6197                                    <div class="app-level-cta-container">
6198
6199
6200
6201
6202
6203
6204
6205                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4BTACC3L3140778","true"==="true"))' class="primary-button-parent">
6206                                                    <a :style="ctaBtnStyles"
6207                                                     tabindex="0" role="button"
6208                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash", "4S4BTACC3L3140778", "Used")'
6209                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash", "4S4BTACC3L3140778", "Used")'
6210                                                    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">
6211                                                        {{inventorySettings.data.buttonLabel}}
6212                                                    </a>
6213                                                 </div>
6214                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
6215                                                                    <a v-if="applySecondary
6215Design" href=""
6216                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
6217                                                                        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"
6218                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6219                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6220                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6221                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
6222                                                                    <a v-else href=""
6223                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
6224                                                                        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"
6225                                                                        @click.prevent="
6226                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6227                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6228                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6229                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6230                                                                        GET MORE INFORMATION
6231                                                                    </a>
6232                                                                </div>
6233                                                                    <div class="primary-button-parent">
6234                                                                        <a v-if="applySecondary
6234Design"
6235                                                                            href="javascript:void(0)"
6236                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
6237                                                                            class=" 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"
6238                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6239                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
6240                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
6241                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
6242                                                                            CALL (805) 790-9466
6243                                                                        </a>
6244                                                                        <a v-else
6245                                                                            href="javascript:void(0)"
6246                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
6247                                                                            class=" 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"
6248                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6249                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
6250                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
6251                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC3L3140778&quot;,&quot;year&quot;:&quot;2020&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:291.38,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;L3140778A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
6252                                                                            >
6253                                                                            CALL (805) 790-9466
6254                                                                        </a>
6255                                                                    </div>
6256
6257
6258
6259
6260                                    </div>
6261                                </object>
6262                            </template>
6263
6264                            <div class="mt-3">
6265
6266
6267                                <div class="inventory-btns" style="width:100%;" v-cloak>
6268
6269
6270                                    <object class="d-flex flex-column primary-inventory-btn-group">
6271                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6272                                        <div class="pi-pullup-container"></div>
6273                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6274
6275                                        <div class="dvs_vin_btn" vin="4S4BTACC3L3140778"></div>
6276
6277
6278
6279
6280
6281
6282                                    </object>
6283
6284
6285
6286
6287
6288
6289
6290
6291
6292                                    
6293
6294
6295
6296
6297
6298
6299
6300
6301
6302                                </div>
6303
6304
6305                                    <div class="my-2 w-100 text-center">
6306                                        <div class="les_video" les_vin="4S4BTACC3L3140778"></div>
6307                                    </div>
6308
6309
6310
6311
6312                            </div>
6313
6314                            <active-engage-widget v-if="isEnableActivEngageSrp"
6315                                                custom-class="py-2 ft-12"></active-engage-widget>
6316                        <div class="srp-tabs-section mt-3">
6317                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6318                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTACC3L3140778'] || 'payments') === 'details' }"
6319                                    tabindex="0" role="tab"
6320                                    aria-label="Details"
6321                                    :aria-selected="(activeTabsByVin['4S4BTACC3L3140778'] || 'payments') === 'details'"
6322                                    aria-controls="tab-panel-details-4S4BTACC3L3140778"
6323                                    @click.stop.prevent="setActiveTab('details', '4S4BTACC3L3140778')"
6324                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4BTACC3L3140778')">
6325                                        Details
6326                                    </div>
6327                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTACC3L3140778'] || 'payments') === 'payments' }"
6328                                tabindex="0" role="tab"
6329                                aria-label="Pricing"
6330                                :aria-selected="(activeTabsByVin['4S4BTACC3L3140778'] || 'payments') === 'payments'"
6331                                aria-controls="tab-panel-payments-4S4BTACC3L3140778"
6332                                @click.stop.prevent="setActiveTab('payments', '4S4BTACC3L3140778')"
6333                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4BTACC3L3140778')">
6334                                    Pricing
6335                                </div>
6336                            </div>
6337
6338                            <div class="srp-tab-content">
6339                                <div :class="(activeTabsByVin['4S4BTACC3L3140778'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4BTACC3L3140778" aria-label="Details">
6340                                    <div class="vehicle-details-list">
6341
6342
6343                                            <div class="details-item-row">
6344                                                <div class="details-item-label">Stock #</div>
6345                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6346                                                    <div id="copy_stock" class="d-inline">L3140778A</div>
6347                                                </div>
6348                                            </div>
6349
6350                                        
6351
6352
6353
6354
6355
6356                                                <div class="details-item-row">
6357                                                    <div class="details-item-label">Mileage</div>
6358                                                    <div class="details-item-value">57,489 Miles</div>
6359                                                </div>
6360
6361                                    </div>
6362
6363                                </div>
6364                                <div :class="(activeTabsByVin['4S4BTACC3L3140778'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4BTACC3L3140778" aria-label="Pricing">
6365                                            <div class="msrppanel-label">
6366                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):showMsrp)'>
6367
6368
6369                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23879' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6370                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
6371                                                                                        
6372
6373<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
6374    KBB Price
6375</div>
6376<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$23,879</div>
6377
6378
6379                                                                                    </div>
6380                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$1,933</span> </div>
6381                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
6382                                                                                                <div>
6383                                                                                                    Doc Fee
6384                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6385                                                                                                </div>
6386                                                                                                <div class="d-flex pl-2">
6387                                                                                                    &#x2B;$85
6388                                                                                                </div>
6389                                                                                            </div>
6390                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
6391                                                                                                <div>
6392                                                                                                    EVR
6393                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6394                                                                                                </div>
6395                                                                                                <div class="d-flex pl-2">
6396                                                                                                    &#x2B;$37
6397                                                                                                </div>
6398                                                                                            </div>
6399                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
6400                                                                                                <div>
6401                                                                                                    Emissions Test
6402                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6403                                                                                                </div>
6404                                                                                                <div class="d-flex pl-2">
6405                                                                                                    &#x2B;$59
6406                                                                                                </div>
6407                                                                                            </div>
6408                                                                            <div id="4s4btacc3l314
64080778-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6409                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
6410                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6411                                                                                </span>
6412                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4btacc3l3140778-unlock-discount-price"></label></span>
6413                                                                            </div>
6414                                                                            <div id="4s4btacc3l3140778-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'>
6415                                                                                <div class="mr-2" style="color:#1971d4">
6416                                                                                    <span id="4s4btacc3l3140778-selling-price-label" class="p-0">Your Price</span>
6417                                                                                </div>
6418                                                                                <div id="4s4btacc3l3140778-your-price-hide" class=" " style="color:#1971d4">$22,127</div>
6419                                                                            </div>
6420                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
6421                                                                                <div class="mr-2" style="color:#1971d4">
6422                                                                                    <span id="4s4btacc3l3140778-selling-price-label" class="p-0">Your Price</span>
6423                                                                                </div>
6424                                                                                <div id="4s4btacc3l3140778-your-price" class=" " style="color:#1971d4">$22,127</div>
6425                                                                            </div>
6426
6427
6428
6429
6430                                                        <total-incentive-discount qualified-data=''
6431                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6432                                                                                :pricedata="{'msrp':'23879','yourPrice':'22127.0'}"
6433                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6434                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6435                                                    <div class="color-black ft-16 mt-1">
6436            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
6437                Disclosure
6438            </div>
6439</div>
6440
6441                                                </div>
6442
6443                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC3L3140778", "true"==="true"):!showMsrp )'>
6444                                                                    <div v-if="!unlockHideMsrp">
6445                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23879' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6446                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6447                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
6448                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,879</div>
6449                                                                        </div>
6450                                                                    </div>
6451
6452                                                </div>
6453                                            </div>
6454                                </div>
6455                            </div>
6456                        </div>
6457                        <div id="cta-params-4S4BTACC3L3140778"
6458                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:22127.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6459                        </div>
6460
6461                        <div>
6462
6463                            <vehicle-badges model="Outback"
6464                                            :current="'srp'"
6465                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
6466                                            :eyesight="''"
6467                                            :starlink="''"
6468                                            :von="''"
6469                                            :onorder="''"
6470                                            :vin="'4S4BTACC3L3140778'"
6471                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash'"
6472                                            :vehicle-badges-top-srp="'False'"
6473                                            :year="'2020'"
6474                                            :in-transit-background-color-srp="''"
6475                                            :in-transit-badge-color-srp="''"
6476                                            :in-production-background-color-srp="''"
6477                                            :in-production-badge-color-srp="''"
6478                                            @opendisclaimer="openDisclaimerPopup($event)">
6479                            </vehicle-badges>
6480
6481                                <div class="d-flex flex-wrap">
6482                                    
6483
6484
6485
6486
6487
6488
6489                                </div>
6490                        </div>
6491
6492
6493
6494                        <div class="d-flex flex-wrap srp-certified-img-section">
6495
6496
6497
6498                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/W8zljEMtI1R3NWttF370QKUgsMglxS3GfET6xvTBeBzcAo9qTQmvJmpbz4Ko3G7R-dAQY10HL_FYj58qOxy3olhNgDnDNTeOILI')">
6499                                        <img src="https://partnerstatic.
6499carfax.com/img/valuebadge/1own_fair.svg"
6500                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
6501                                    </div>
6502
6503
6504
6505
6506
6507                        </div>
6508
6509                        <div v-if="currentTheme == 'subaru'" class="mt-3">
6510                            <subaru-badge-new model="Outback"
6511                                            year="2020"
6512                                            make="Subaru"
6513                                            type="Used"
6514                                            :current="'srp'"
6515                                            :transit="'False'"
6516                                            :eyesight="''"
6517                                            :starlink="''"
6518                                            :von="''"
6519                                            :onorder="''"
6520                                            :vin="'4S4BTACC3L3140778'"
6521                                            :hide-in-transit="'False'"
6522                                            :vehicle-badges-top-srp="'False'"
6523                                            :subaru-consumer-report-class="''"
6524                                            :in-transit-background-color-srp="''"
6525                                            :in-transit-badge-color-srp="''"
6526                                            >
6527                            </subaru-badge-new>
6528                        </div>
6529
6530                    </div>
6531                </div>
6532
6533
6534
6535            </div>
6536        </a>
6537        <template v-if="true">
6538            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
6539                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4BTACC3L3140778'" class="vehicle-data-overlay-container"
6540                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
6541                     @keydown.esc.prevent="closeDetailsOverlay()"
6542                     @keydown.tab="srpOverlayTrapFocus($event)">
6543                    <div class="vehicle-overlay-data">
6544                        <div class="srp-overlay-options">
6545                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6546                                <div class="d-flex align-items-center" style="gap: 20px;">
6547                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
6548                                     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>
6549                                    <h3 class="mb-0">Options</h3>
6550                                </div>
6551                                <div>
6552                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
6553                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
6554                                </div>
6555                            </div>
6556
6557                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
6558                                <div class="overlay-nav-items px-3 pt-4">
6559                                    <div class="d-flex overlay-nav-item" tabindex="0"
6560                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC3L3140778', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC3L3140778', overlayType: 'share-options', label: 'Share' })">
6561                                        <em class="primaryicon-share-icon"></em>
6562                                        <span>Share</span>
6563                                    </div>
6564
6565                                        <div class="d-flex overlay-nav-item"
6566                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC3L3140778', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC3L3140778', overlayType: 'key-features', label: 'Key Features' })">
6567                                            <em class="primaryicon-key-features-icon"></em>
6568                                            <span>Key Features</span>
6569                                        </div>
6570                                </div>
6571
6572                                <div class="pt-4 px-3 mt-3">
6573                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash")' target="_self"
6574                                        @keydown.space.prevent="$event.currentTarget.click()"
6575                                        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:">
6576                                        View Details
6577                                    </a>
6578                                </div>
6579                            </div>
6580                        </div>
6581                    </div>
6582                </div>
6583            </transition>
6584            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
6585                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4BTACC3L3140778'"
6586                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
6587                     @keydown.esc.prevent="navigateToDetailsOverlay()"
6588                     @keydown.tab="srpOverlayTrapFocus($event)">
6589                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
6590                        <div class="d-flex align-items-center" style="gap: 20px;">
6591                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
6592                            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>
6593                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
6594                        </div>
6595                        <div>
6596                            <em class="primaryicon-close-icon-gray"
6597                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
6598                        </div>
6599                    </div>
6600                    <div class="mt-3 pt-4 overlay-section-links">
6601                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
6602                        <template v-if="!isLoadingOverlayDetails">
6603                            <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>
6604                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash" vehicle-name="Used 2020 Subaru Outback Premium" :page-type-id="18" :style-id="409282" class="overlay-section-content"></share-options>
6605                            <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>
6606                        </template>
6607                    </div>
6608                </div>
6609            </transition>
6610        </template>
6611    </div>
6612        
6612<script type="application/javascript">
6613
6614            var rebatesString = "[]";
6615            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
6616            localStorage.setItem("JF1GUABC5S8271422-rebates", formattedRebatesString);
6617
6618        </script>
6618
6619<div data-itemid="Subaru-Impreza--JF1GUABC5S8271422" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
6620        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash" target="_self" @click='vehicleDetails($event, "JF1GUABC5S8271422", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash", {vehicleCount: "30", vehicleIndex: "4",msrp:"23761",yourPrice:"23942.0",sellingPrice:"23761",type:"Used",title:`2025 Subaru Impreza`},"true"==="true"), setVintoTransact("JF1GUABC5S8271422", $event,{styleId:"464421"})'
6621        @mouseleave="clearMouseHoverValue()"
6622        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
6623        used-large-box" style="height: 100%;">
6624
6625            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
6626                <div class="position-relative">
6627                    <div class="srp-top-badges">
6628                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
6629                            <div class="d-flex align-items-center gap-10">
6630                                            <div class="specials-indicator-wrapper">
6631                                                <inventory-specials-indicator
6632                                                bg-color=""
6633                                                text="">
6634                                                </inventory-specials-indicator>
6635                                            </div>
6636                            </div>
6637                        </div>
6638
6639                    </div>
6640
6641
6642                    <div id="EZ360_CVDP"></div>
6643
6644                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
6645                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF1GUABC5S8271422'" class="vehicle-box__image">
6646                                    <img src="https://cdn.max.auto/t_hres/108741/JF1GUABC5S8271422/6aaa3b61050dae99f5fa69d7.jpg" class="img-fluid srp-vehiclebox-image"
6647                                    title="2025 Subaru Impreza " alt="2025 Subaru Impreza " />
6648
6649                        </div>
6650
6651                        <div class="dp-srp-evox-media-JF1GUABC5S8271422" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF1GUABC5S8271422'"></div>
6652
6653                        <div class="vehicle-info-icon">
6654                            <em
6655                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF1GUABC5S8271422')"
6656                            class="primaryicon-options-btn-new info-icon-css"
6657                            data-vin="JF1GUABC5S8271422"
6658                            tabindex="0"
6659                            role="button"
6660                            aria-label="Vehicle info"
6661                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF1GUABC5S8271422')"
6662                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF1GUABC5S8271422')"
6663                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
6664                        </div>
6665                    </div>
6666
6667
6668                    <div class="vehiclebox-info-section p-3">
6669                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
6670                            <div class="d-flex">
6671                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
6672                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
6673                                        2025 Subaru Impreza
6674                                    </h2>
6675                                </div>
6676                            </div>
6677                        </div>
6678
6679                        <div class="vehicle-summary-section mt-3 ">
6680                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
6681                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
6682            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):showMsrp)'>
6683                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
6684                                            <div class="mr-2" style="color:#1971d4">
6685                                                <span id="jf1guabc5s8271422-price-summary-label">Your Price</span>
6686                                            </div>
6687                                            <div id="jf1guabc5s8271422-price-summary-value" class=" " style="color:#1971d4">$23,942</div>
6688                                        </div>
6689
6690            </div>
6691            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):!showMsrp )'>
6692                                <div v-if="!unlockHideMsrp">
6693                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
6694                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
6695                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,761</div>
6696                                    </div>
6697                                </div>
6698
6699            </div>
6700        </div>
6701
6702                            </div>
6703
6704                                <template v-if="true">
6705                                    <div class="vehicle-summary-cta flex-1">
6706                                        <object>
6707                                               <div class="primary-button-parent">
6708        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash#Transact" target="_self"
6709           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF1GUABC5S8271422");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash",$event,"_self")'
6710           @keydown.space.prevent="$event.currentTarget.click()"
6711           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
6712           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
6713            CALCULATE PAYMENTS
6714        </a>
6715    </div>
6716
6717                                        </object>
6718                                    </div>
6719                                </template>
6720                        </div>
6721<div class="color-black ft-16 mt-1">
6722            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
6723                Disclosure
6724            </div>
6725</div>
6726
6727
6728                        <div class="show section-separator my-4"></div>
6729
6730
6731                            <template v-if="true">
6732                                <object>
6733                                    <div class="app-level-cta-container">
6734
6735
6736
6737
6738
6739
6740
6741                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF1GUABC5S8271422","true"==="true"))' class="primary-button-parent">
6742                                                    <a :style="ctaBtnStyles"
6743                                                     tabindex="0" role="button"
6744                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash", "JF1GUABC5S8271422", "Used")'
6745                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash", "JF1GUABC5S8271422", "Used")'
6746                                                    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">
6747                                                        {{inventorySettings.data.buttonLabel}}
6748                                                    </a>
6749                                                 </div>
6750                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
6751                                                                    <a v-if="applySecondary
6751Design" href=""
6752                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
6753                                                                        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"
6754                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6755                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6756                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6757                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
6758                                                                    <a v-else href=""
6759                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
6760                                                                        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"
6761                                                                        @click.prevent="
6762                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6763                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
6764                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6765                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
6766                                                                        GET MORE INFORMATION
6767                                                                    </a>
6768                                                                </div>
6769                                                                    <div class="primary-button-parent">
6770                                                                        <a v-if="applySecondary
6770Design"
6771                                                                            href="javascript:void(0)"
6772                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
6773                                                                            class=" 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"
6774                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6775                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
6776                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
6777                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
6778                                                                            CALL (805) 790-9466
6779                                                                        </a>
6780                                                                        <a v-else
6781                                                                            href="javascript:void(0)"
6782                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
6783                                                                            class=" 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"
6784                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
6785                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
6786                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
6787                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC5S8271422&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:311.64,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8271422A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
6788                                                                            >
6789                                                                            CALL (805) 790-9466
6790                                                                        </a>
6791                                                                    </div>
6792
6793
6794
6795
6796                                    </div>
6797                                </object>
6798                            </template>
6799
6800                            <div class="mt-3">
6801
6802
6803                                <div class="inventory-btns" style="width:100%;" v-cloak>
6804
6805
6806                                    <object class="d-flex flex-column primary-inventory-btn-group">
6807                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6808                                        <div class="pi-pullup-container"></div>
6809                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
6810
6811                                        <div class="dvs_vin_btn" vin="JF1GUABC5S8271422"></div>
6812
6813
6814
6815
6816
6817
6818                                    </object>
6819
6820
6821
6822
6823
6824
6825
6826
6827
6828                                    
6829
6830
6831
6832
6833
6834
6835
6836
6837
6838                                </div>
6839
6840
6841                                    <div class="my-2 w-100 text-center">
6842                                        <div class="les_video" les_vin="JF1GUABC5S8271422"></div>
6843                                    </div>
6844
6845
6846
6847
6848                            </div>
6849
6850                            <active-engage-widget v-if="isEnableActivEngageSrp"
6851                                                custom-class="py-2 ft-12"></active-engage-widget>
6852                        <div class="srp-tabs-section mt-3">
6853                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
6854                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1GUABC5S8271422'] || 'payments') === 'details' }"
6855                                    tabindex="0" role="tab"
6856                                    aria-label="Details"
6857                                    :aria-selected="(activeTabsByVin['JF1GUABC5S8271422'] || 'payments') === 'details'"
6858                                    aria-controls="tab-panel-details-JF1GUABC5S8271422"
6859                                    @click.stop.prevent="setActiveTab('details', 'JF1GUABC5S8271422')"
6860                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF1GUABC5S8271422')">
6861                                        Details
6862                                    </div>
6863                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1GUABC5S8271422'] || 'payments') === 'payments' }"
6864                                tabindex="0" role="tab"
6865                                aria-label="Pricing"
6866                                :aria-selected="(activeTabsByVin['JF1GUABC5S8271422'] || 'payments') === 'payments'"
6867                                aria-controls="tab-panel-payments-JF1GUABC5S8271422"
6868                                @click.stop.prevent="setActiveTab('payments', 'JF1GUABC5S8271422')"
6869                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF1GUABC5S8271422')">
6870                                    Pricing
6871                                </div>
6872                            </div>
6873
6874                            <div class="srp-tab-content">
6875                                <div :class="(activeTabsByVin['JF1GUABC5S8271422'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF1GUABC5S8271422" aria-label="Details">
6876                                    <div class="vehicle-details-list">
6877
6878
6879                                            <div class="details-item-row">
6880                                                <div class="details-item-label">Stock #</div>
6881                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
6882                                                    <div id="copy_stock" class="d-inline">S8271422A</div>
6883                                                </div>
6884                                            </div>
6885
6886                                        
6887
6888
6889
6890
6891
6892                                                <div class="details-item-row">
6893                                                    <div class="details-item-label">Mileage</div>
6894                                                    <div class="details-item-value">6,799 Miles</div>
6895                                                </div>
6896
6897                                    </div>
6898
6899                                </div>
6900                                <div :class="(activeTabsByVin['JF1GUABC5S8271422'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF1GUABC5S8271422" aria-label="Pricing">
6901                                            <div class="msrppanel-label">
6902                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):showMsrp)'>
6903
6904
6905                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23761' :sh
6905owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6906                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
6907                                                                                    
6908
6909<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
6910    KBB Price
6911</div>
6912<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$23,761</div>
6913
6914
6915                                                                                </div>
6916                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
6917                                                                                                <div>
6918                                                                                                    Doc Fee
6919                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6920                                                                                                </div>
6921                                                                                                <div class="d-flex pl-2">
6922                                                                                                    &#x2B;$85
6923                                                                                                </div>
6924                                                                                            </div>
6925                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
6926                                                                                                <div>
6927                                                                                                    EVR
6928                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6929                                                                                                </div>
6930                                                                                                <div class="d-flex pl-2">
6931                                                                                                    &#x2B;$37
6932                                                                                                </div>
6933                                                                                            </div>
6934                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
6935                                                                                                <div>
6936                                                                                                    Emissions Test
6937                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
6938                                                                                                </div>
6939                                                                                                <div class="d-flex pl-2">
6940                                                                                                    &#x2B;$59
6941                                                                                                </div>
6942                                                                                            </div>
6943                                                                            <div id="jf1guabc5s8271422-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
6944                                                                                <sp
6944an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
6945                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
6946                                                                                </span>
6947                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf1guabc5s8271422-unlock-discount-price"></label></span>
6948                                                                            </div>
6949                                                                            <div id="jf1guabc5s8271422-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'>
6950                                                                                <div class="mr-2" style="color:#1971d4">
6951                                                                                    <span id="jf1guabc5s8271422-selling-price-label" class="p-0">Your Price</span>
6952                                                                                </div>
6953                                                                                <div id="jf1guabc5s8271422-your-price-hide" class=" " style="color:#1971d4">$23,942</div>
6954                                                                            </div>
6955                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
6956                                                                                <div class="mr-2" style="color:#1971d4">
6957                                                                                    <span id="jf1guabc5s8271422-selling-price-label" class="p-0">Your Price</span>
6958                                                                                </div>
6959                                                                                <div id="jf1guabc5s8271422-your-price" class=" " style="color:#1971d4">$23,942</div>
6960                                                                            </div>
6961
6962
6963
6964
6965                                                        <total-incentive-discount qualified-data=''
6966                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
6967                                                                                :pricedata="{'msrp':'23761','yourPrice':'23942.0'}"
6968                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
6969                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
6970                                                    <div class="color-black ft-16 mt-1">
6971            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
6972                Disclosure
6973            </div>
6974</div>
6975
6976                                                </div>
6977
6978                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC5S8271422", "true"==="true"):!showMsrp )'>
6979                                                                    <div v-if="!unlockHideMsrp">
6980                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23761' :sh
6980owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
6981                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
6982                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
6983                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,761</div>
6984                                                                        </div>
6985                                                                    </div>
6986
6987                                                </div>
6988                                            </div>
6989                                </div>
6990                            </div>
6991                        </div>
6992                        <div id="cta-params-JF1GUABC5S8271422"
6993                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:23942.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
6994                        </div>
6995
6996                        <div>
6997
6998                            <vehicle-badges model="Impreza"
6999                                            :current="'srp'"
7000                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
7001                                            :eyesight="'False'"
7002                                            :starlink="'False'"
7003                                            :von="''"
7004                                            :onorder="''"
7005                                            :vin="'JF1GUABC5S8271422'"
7006                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash'"
7007                                            :vehicle-badges-top-srp="'False'"
7008                                            :year="'2025'"
7009                                            :in-transit-background-color-srp="''"
7010                                            :in-transit-badge-color-srp="''"
7011                                            :in-production-background-color-srp="''"
7012                                            :in-production-badge-color-srp="''"
7013                                            @opendisclaimer="openDisclaimerPopup($event)">
7014                            </vehicle-badges>
7015
7016                                <div class="d-flex flex-wrap">
7017                                    
7018
7019
7020
7021
7022
7023
7024                                </div>
7025                        </div>
7026
7027
7028
7029                        <div class="d-flex flex-wrap srp-certified-img-section">
7030
7031
7032                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
7033                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
7034                                        </div>
7035
7036                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/L-XkNbLKBRkGFLGbCnkBi40BmgaqPSYNB7E84KSigfwat2eCel9CFNNdGJ89ao3MqFZTub_01j0gUJFBf9BSlLZliulF0nBDBms')">
7037                                        <img src="https://partnerstatic.
7037carfax.com/img/valuebadge/1own_great.svg"
7038                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
7039                                    </div>
7040
7041
7042
7043
7044
7045                        </div>
7046
7047                        <div v-if="currentTheme == 'subaru'" class="mt-3">
7048                            <subaru-badge-new model="Impreza"
7049                                            year="2025"
7050                                            make="Subaru"
7051                                            type="Used"
7052                                            :current="'srp'"
7053                                            :transit="'False'"
7054                                            :eyesight="'False'"
7055                                            :starlink="'False'"
7056                                            :von="''"
7057                                            :onorder="''"
7058                                            :vin="'JF1GUABC5S8271422'"
7059                                            :hide-in-transit="'False'"
7060                                            :vehicle-badges-top-srp="'False'"
7061                                            :subaru-consumer-report-class="''"
7062                                            :in-transit-background-color-srp="''"
7063                                            :in-transit-badge-color-srp="''"
7064                                            >
7065                            </subaru-badge-new>
7066                        </div>
7067
7068                    </div>
7069                </div>
7070
7071
7072
7073            </div>
7074        </a>
7075        <template v-if="true">
7076            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
7077                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF1GUABC5S8271422'" class="vehicle-data-overlay-container"
7078                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
7079                     @keydown.esc.prevent="closeDetailsOverlay()"
7080                     @keydown.tab="srpOverlayTrapFocus($event)">
7081                    <div class="vehicle-overlay-data">
7082                        <div class="srp-overlay-options">
7083                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7084                                <div class="d-flex align-items-center" style="gap: 20px;">
7085                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
7086                                     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>
7087                                    <h3 class="mb-0">Options</h3>
7088                                </div>
7089                                <div>
7090                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
7091                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
7092                                </div>
7093                            </div>
7094
7095                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
7096                                <div class="overlay-nav-items px-3 pt-4">
7097                                    <div class="d-flex overlay-nav-item" tabindex="0"
7098                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC5S8271422', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC5S8271422', overlayType: 'share-options', label: 'Share' })">
7099                                        <em class="primaryicon-share-icon"></em>
7100                                        <span>Share</span>
7101                                    </div>
7102
7103                                        <div class="d-flex overlay-nav-item"
7104                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC5S8271422', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC5S8271422', overlayType: 'key-features', label: 'Key Features' })">
7105                                            <em class="primaryicon-key-features-icon"></em>
7106                                            <span>Key Features</span>
7107                                        </div>
7108                                </div>
7109
7110                                <div class="pt-4 px-3 mt-3">
7111                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash")' target="_self"
7112                                        @keydown.space.prevent="$event.currentTarget.click()"
7113                                        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:">
7114                                        View Details
7115                                    </a>
7116                                </div>
7117                            </div>
7118                        </div>
7119                    </div>
7120                </div>
7121            </transition>
7122            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
7123                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF1GUABC5S8271422'"
7124                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
7125                     @keydown.esc.prevent="navigateToDetailsOverlay()"
7126                     @keydown.tab="srpOverlayTrapFocus($event)">
7127                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7128                        <div class="d-flex align-items-center" style="gap: 20px;">
7129                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
7130                            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>
7131                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
7132                        </div>
7133                        <div>
7134                            <em class="primaryicon-close-icon-gray"
7135                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
7136                        </div>
7137                    </div>
7138                    <div class="mt-3 pt-4 overlay-section-links">
7139                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
7140                        <template v-if="!isLoadingOverlayDetails">
7141                            <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>
7142                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash" vehicle-name="Used 2025 Subaru Impreza " :page-type-id="18" :style-id="464421" class="overlay-section-content"></share-options>
7143                            <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>
7144                        </template>
7145                    </div>
7146                </div>
7147            </transition>
7148        </template>
7149    </div>
7150        
7150<script type="application/javascript">
7151
7152            var rebatesString = "[]";
7153            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
7154            localStorage.setItem("JF1GUABC3S8263853-rebates", formattedRebatesString);
7155
7156        </script>
7156
7157<div data-itemid="Subaru-Impreza--JF1GUABC3S8263853" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
7158        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash" target="_self" @click='vehicleDetails($event, "JF1GUABC3S8263853", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash", {vehicleCount: "30", vehicleIndex: "5",msrp:"23878",yourPrice:"24059.0",sellingPrice:"23878",type:"Used",title:`2025 Subaru Impreza`},"true"==="true"), setVintoTransact("JF1GUABC3S8263853", $event,{styleId:"464421"})'
7159        @mouseleave="clearMouseHoverValue()"
7160        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
7161        used-large-box" style="height: 100%;">
7162
7163            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
7164                <div class="position-relative">
7165                    <div class="srp-top-badges">
7166                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
7167                            <div class="d-flex align-items-center gap-10">
7168                            </div>
7169                        </div>
7170
7171                    </div>
7172
7173
7174                    <div id="EZ360_CVDP"></div>
7175
7176                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
7177                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF1GUABC3S8263853'" class="vehicle-box__image">
7178                                    <img src="https://cdn.max.auto/t_hres/108741/JF1GUABC3S8263853/6aa4f562050dae99f5df32d0.jpg" class="img-fluid srp-vehiclebox-image"
7179                                    title="2025 Subaru Impreza " alt="2025 Subaru Impreza " />
7180
7181                        </div>
7182
7183                        <div class="dp-srp-evox-media-JF1GUABC3S8263853" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF1GUABC3S8263853'"></div>
7184
7185                        <div class="vehicle-info-icon">
7186                            <em
7187                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF1GUABC3S8263853')"
7188                            class="primaryicon-options-btn-new info-icon-css"
7189                            data-vin="JF1GUABC3S8263853"
7190                            tabindex="0"
7191                            role="button"
7192                            aria-label="Vehicle info"
7193                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF1GUABC3S8263853')"
7194                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF1GUABC3S8263853')"
7195                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
7196                        </div>
7197                    </div>
7198
7199
7200                    <div class="vehiclebox-info-section p-3">
7201                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
7202                            <div class="d-flex">
7203                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
7204                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
7205                                        2025 Subaru Impreza
7206                                    </h2>
7207                                </div>
7208                            </div>
7209                        </div>
7210
7211                        <div class="vehicle-summary-section mt-3 ">
7212                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
7213                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
7214            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):showMsrp)'>
7215                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
7216                                            <div class="mr-2" style="color:#1971d4">
7217                                                <span id="jf1guabc3s8263853-price-summary-label">Your Price</span>
7218                                            </div>
7219                                            <div id="jf1guabc3s8263853-price-summary-value" class=" " style="color:#1971d4">$24,059</div>
7220                                        </div>
7221
7222            </div>
7223            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):!showMsrp )'>
7224                                <div v-if="!unlockHideMsrp">
7225                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
7226                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
7227                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,878</div>
7228                                    </div>
7229                                </div>
7230
7231            </div>
7232        </div>
7233
7234                            </div>
7235
7236                                <template v-if="true">
7237                                    <div class="vehicle-summary-cta flex-1">
7238                                        <object>
7239                                               <div class="primary-button-parent">
7240        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash#Transact" target="_self"
7241           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF1GUABC3S8263853");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash",$event,"_self")'
7242           @keydown.space.prevent="$event.currentTarget.click()"
7243           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
7244           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
7245            CALCULATE PAYMENTS
7246        </a>
7247    </div>
7248
7249                                        </object>
7250                                    </div>
7251                                </template>
7252                        </div>
7253<div class="color-black ft-16 mt-1">
7254            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
7255                Disclosure
7256            </div>
7257</div>
7258
7259
7260                        <div class="show section-separator my-4"></div>
7261
7262
7263                            <template v-if="true">
7264                                <object>
7265                                    <div class="app-level-cta-container">
7266
7267
7268
7269
7270
7271
7272
7273                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF1GUABC3S8263853","true"==="true"))' class="primary-button-parent">
7274                                                    <a :style="ctaBtnStyles"
7275                                                     tabindex="0" role="button"
7276                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash", "JF1GUABC3S8263853", "Used")'
7277                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash", "JF1GUABC3S8263853", "Used")'
7278                                                    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">
7279                                                        {{inventorySettings.data.buttonLabel}}
7280                                                    </a>
7281                                                 </div>
7282                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
7283                                                                    <a v-if="applySecondary
7283Design" href=""
7284                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
7285                                                                        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"
7286                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7287                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7288                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7289                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
7290                                                                    <a v-else href=""
7291                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
7292                                                                        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"
7293                                                                        @click.prevent="
7294                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7295                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7296                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7297                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7298                                                                        GET MORE INFORMATION
7299                                                                    </a>
7300                                                                </div>
7301                                                                    <div class="primary-button-parent">
7302                                                                        <a v-if="applySecondary
7302Design"
7303                                                                            href="javascript:void(0)"
7304                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
7305                                                                            class=" 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"
7306                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7307                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
7308                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
7309                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
7310                                                                            CALL (805) 790-9466
7311                                                                        </a>
7312                                                                        <a v-else
7313                                                                            href="javascript:void(0)"
7314                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
7315                                                                            class=" 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"
7316                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7317                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
7318                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
7319                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUABC3S8263853&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:316.78,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;S8263853A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
7320                                                                            >
7321                                                                            CALL (805) 790-9466
7322                                                                        </a>
7323                                                                    </div>
7324
7325
7326
7327
7328                                    </div>
7329                                </object>
7330                            </template>
7331
7332                            <div class="mt-3">
7333
7334
7335                                <div class="inventory-btns" style="width:100%;" v-cloak>
7336
7337
7338                                    <object class="d-flex flex-column primary-inventory-btn-group">
7339                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7340                                        <div class="pi-pullup-container"></div>
7341                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7342
7343                                        <div class="dvs_vin_btn" vin="JF1GUABC3S8263853"></div>
7344
7345
7346
7347
7348
7349
7350                                    </object>
7351
7352
7353
7354
7355
7356
7357
7358
7359
7360                                    
7361
7362
7363
7364
7365
7366
7367
7368
7369
7370                                </div>
7371
7372
7373                                    <div class="my-2 w-100 text-center">
7374                                        <div class="les_video" les_vin="JF1GUABC3S8263853"></div>
7375                                    </div>
7376
7377
7378
7379
7380                            </div>
7381
7382                            <active-engage-widget v-if="isEnableActivEngageSrp"
7383                                                custom-class="py-2 ft-12"></active-engage-widget>
7384                        <div class="srp-tabs-section mt-3">
7385                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
7386                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1GUABC3S8263853'] || 'payments') === 'details' }"
7387                                    tabindex="0" role="tab"
7388                                    aria-label="Details"
7389                                    :aria-selected="(activeTabsByVin['JF1GUABC3S8263853'] || 'payments') === 'details'"
7390                                    aria-controls="tab-panel-details-JF1GUABC3S8263853"
7391                                    @click.stop.prevent="setActiveTab('details', 'JF1GUABC3S8263853')"
7392                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF1GUABC3S8263853')">
7393                                        Details
7394                                    </div>
7395                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1GUABC3S8263853'] || 'payments') === 'payments' }"
7396                                tabindex="0" role="tab"
7397                                aria-label="Pricing"
7398                                :aria-selected="(activeTabsByVin['JF1GUABC3S8263853'] || 'payments') === 'payments'"
7399                                aria-controls="tab-panel-payments-JF1GUABC3S8263853"
7400                                @click.stop.prevent="setActiveTab('payments', 'JF1GUABC3S8263853')"
7401                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF1GUABC3S8263853')">
7402                                    Pricing
7403                                </div>
7404                            </div>
7405
7406                            <div class="srp-tab-content">
7407                                <div :class="(activeTabsByVin['JF1GUABC3S8263853'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF1GUABC3S8263853" aria-label="Details">
7408                                    <div class="vehicle-details-list">
7409
7410
7411                                            <div class="details-item-row">
7412                                                <div class="details-item-label">Stock #</div>
7413                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
7414                                                    <div id="copy_stock" class="d-inline">S8263853A</div>
7415                                                </div>
7416                                            </div>
7417
7418                                        
7419
7420
7421
7422
7423
7424                                                <div class="details-item-row">
7425                                                    <div class="details-item-label">Mileage</div>
7426                                                    <div class="details-item-value">10,170 Miles</div>
7427                                                </div>
7428
7429                                    </div>
7430
7431                                </div>
7432                                <div :class="(activeTabsByVin['JF1GUABC3S8263853'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF1GUABC3S8263853" aria-label="Pricing">
7433                                            <div class="msrppanel-label">
7434                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):showMsrp)'>
7435
7436
7437                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23878' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7438                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
7439                                                                                    
7440
7441<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
7442    KBB Price
7443</div>
7444<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$23,878</div>
7445
7446
7447                                                                                </div>
7448                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
7449                                                                                                <div>
7450                                                                                                    Doc Fee
7451                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
7452                                                                                                </div>
7453                                                                                                <div class="d-flex pl-2">
7454                                                                                                    &#x2B;$85
7455                                                                                                </div>
7456                                                                                            </div>
7457                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
7458                                                                                                <div>
7459                                                                                                    EVR
7460                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
7461                                                                                                </div>
7462                                                                                                <div class="d-flex pl-2">
7463                                                                                                    &#x2B;$37
7464                                                                                                </div>
7465                                                                                            </div>
7466                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
7467                                                                                                <div>
7468                                                                                                    Emissions Test
7469                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
7470                                                                                                </div>
7471                                                                                                <div class="d-flex pl-2">
7472                                                                                                    &#x2B;$59
7473                                                                                                </div>
7474                                                                                            </div>
7475                                                                            <div id="jf1guabc3s8263853-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
7476                                                                                <sp
7476an :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
7477                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
7478                                                                                </span>
7479                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf1guabc3s8263853-unlock-discount-price"></label></span>
7480                                                                            </div>
7481                                                                            <div id="jf1guabc3s8263853-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'>
7482                                                                                <div class="mr-2" style="color:#1971d4">
7483                                                                                    <span id="jf1guabc3s8263853-selling-price-label" class="p-0">Your Price</span>
7484                                                                                </div>
7485                                                                                <div id="jf1guabc3s8263853-your-price-hide" class=" " style="color:#1971d4">$24,059</div>
7486                                                                            </div>
7487                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
7488                                                                                <div class="mr-2" style="color:#1971d4">
7489                                                                                    <span id="jf1guabc3s8263853-selling-price-label" class="p-0">Your Price</span>
7490                                                                                </div>
7491                                                                                <div id="jf1guabc3s8263853-your-price" class=" " style="color:#1971d4">$24,059</div>
7492                                                                            </div>
7493
7494
7495
7496
7497                                                        <total-incentive-discount qualified-data=''
7498                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
7499                                                                                :pricedata="{'msrp':'23878','yourPrice':'24059.0'}"
7500                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
7501                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
7502                                                    <div class="color-black ft-16 mt-1">
7503            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
7504                Disclosure
7505            </div>
7506</div>
7507
7508                                                </div>
7509
7510                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUABC3S8263853", "true"==="true"):!showMsrp )'>
7511                                                                    <div v-if="!unlockHideMsrp">
7512                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-23878' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7513                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
7514                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
7515                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$23,878</div>
7516                                                                        </div>
7517                                                                    </div>
7518
7519                                                </div>
7520                                            </div>
7521                                </div>
7522                            </div>
7523                        </div>
7524                        <div id="cta-params-JF1GUABC3S8263853"
7525                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:24059.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
7526                        </div>
7527
7528                        <div>
7529
7530                            <vehicle-badges model="Impreza"
7531                                            :current="'srp'"
7532                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
7533                                            :eyesight="''"
7534                                            :starlink="''"
7535                                            :von="''"
7536                                            :onorder="''"
7537                                            :vin="'JF1GUABC3S8263853'"
7538                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash'"
7539                                            :vehicle-badges-top-srp="'False'"
7540                                            :year="'2025'"
7541                                            :in-transit-background-color-srp="''"
7542                                            :in-transit-badge-color-srp="''"
7543                                            :in-production-background-color-srp="''"
7544                                            :in-production-badge-color-srp="''"
7545                                            @opendisclaimer="openDisclaimerPopup($event)">
7546                            </vehicle-badges>
7547
7548                                <div class="d-flex flex-wrap">
7549                                    
7550
7551
7552
7553
7554
7555
7556                                </div>
7557                        </div>
7558
7559
7560
7561                        <div class="d-flex flex-wrap srp-certified-img-section">
7562
7563
7564
7565                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/uHf1QZYzg-a-wm5XulyObyW4j86nI5spBVMDwELF-BCW_HFA9zrQSsGTYCci4AXOmUDX4eB2O0JEO3uM7hsqRE7_1piZgrzGa5g')">
7566                                        <img src="https://partnerstatic.
7566carfax.com/img/valuebadge/1own_good.svg"
7567                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
7568                                    </div>
7569
7570
7571
7572
7573
7574                        </div>
7575
7576                        <div v-if="currentTheme == 'subaru'" class="mt-3">
7577                            <subaru-badge-new model="Impreza"
7578                                            year="2025"
7579                                            make="Subaru"
7580                                            type="Used"
7581                                            :current="'srp'"
7582                                            :transit="'False'"
7583                                            :eyesight="''"
7584                                            :starlink="''"
7585                                            :von="''"
7586                                            :onorder="''"
7587                                            :vin="'JF1GUABC3S8263853'"
7588                                            :hide-in-transit="'False'"
7589                                            :vehicle-badges-top-srp="'False'"
7590                                            :subaru-consumer-report-class="''"
7591                                            :in-transit-background-color-srp="''"
7592                                            :in-transit-badge-color-srp="''"
7593                                            >
7594                            </subaru-badge-new>
7595                        </div>
7596
7597                    </div>
7598                </div>
7599
7600
7601
7602            </div>
7603        </a>
7604        <template v-if="true">
7605            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
7606                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF1GUABC3S8263853'" class="vehicle-data-overlay-container"
7607                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
7608                     @keydown.esc.prevent="closeDetailsOverlay()"
7609                     @keydown.tab="srpOverlayTrapFocus($event)">
7610                    <div class="vehicle-overlay-data">
7611                        <div class="srp-overlay-options">
7612                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7613                                <div class="d-flex align-items-center" style="gap: 20px;">
7614                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
7615                                     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>
7616                                    <h3 class="mb-0">Options</h3>
7617                                </div>
7618                                <div>
7619                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
7620                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
7621                                </div>
7622                            </div>
7623
7624                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
7625                                <div class="overlay-nav-items px-3 pt-4">
7626                                    <div class="d-flex overlay-nav-item" tabindex="0"
7627                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC3S8263853', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC3S8263853', overlayType: 'share-options', label: 'Share' })">
7628                                        <em class="primaryicon-share-icon"></em>
7629                                        <span>Share</span>
7630                                    </div>
7631
7632                                        <div class="d-flex overlay-nav-item"
7633                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC3S8263853', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUABC3S8263853', overlayType: 'key-features', label: 'Key Features' })">
7634                                            <em class="primaryicon-key-features-icon"></em>
7635                                            <span>Key Features</span>
7636                                        </div>
7637                                </div>
7638
7639                                <div class="pt-4 px-3 mt-3">
7640                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash")' target="_self"
7641                                        @keydown.space.prevent="$event.currentTarget.click()"
7642                                        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:">
7643                                        View Details
7644                                    </a>
7645                                </div>
7646                            </div>
7647                        </div>
7648                    </div>
7649                </div>
7650            </transition>
7651            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
7652                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF1GUABC3S8263853'"
7653                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
7654                     @keydown.esc.prevent="navigateToDetailsOverlay()"
7655                     @keydown.tab="srpOverlayTrapFocus($event)">
7656                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
7657                        <div class="d-flex align-items-center" style="gap: 20px;">
7658                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
7659                            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>
7660                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
7661                        </div>
7662                        <div>
7663                            <em class="primaryicon-close-icon-gray"
7664                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
7665                        </div>
7666                    </div>
7667                    <div class="mt-3 pt-4 overlay-section-links">
7668                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
7669                        <template v-if="!isLoadingOverlayDetails">
7670                            <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>
7671                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash" vehicle-name="Used 2025 Subaru Impreza " :page-type-id="18" :style-id="464421" class="overlay-section-content"></share-options>
7672                            <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>
7673                        </template>
7674                    </div>
7675                </div>
7676            </transition>
7677        </template>
7678    </div>
7679        
7679<script type="application/javascript">
7680
7681            var rebatesString = "[]";
7682            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
7683            localStorage.setItem("4S4BTACC5R3126387-rebates", formattedRebatesString);
7684
7685        </script>
7685
7686<div data-itemid="Subaru-Outback-Premium-4S4BTACC5R3126387" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
7687        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4BTACC5R3126387", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "6",msrp:"26980",yourPrice:"24127.0",sellingPrice:"23946",type:"Used",title:`2024 Subaru Outback Premium`},"true"==="true"), setVintoTransact("4S4BTACC5R3126387", $event,{styleId:"438571"})'
7688        @mouseleave="clearMouseHoverValue()"
7689        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
7690        used-large-box" style="height: 100%;">
7691
7692            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
7693                <div class="position-relative">
7694                    <div class="srp-top-badges">
7695                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
7696                            <div class="d-flex align-items-center gap-10">
7697                                            <div class="specials-indicator-wrapper">
7698                                                <inventory-specials-indicator
7699                                                bg-color=""
7700                                                text="">
7701                                                </inventory-specials-indicator>
7702                                            </div>
7703                            </div>
7704                        </div>
7705
7706                    </div>
7707
7708
7709                    <div id="EZ360_CVDP"></div>
7710
7711                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
7712                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4BTACC5R3126387'" class="vehicle-box__image">
7713                                    <img src="https://cdn.max.auto/t_hres/108741/4S4BTACC5R3126387/6a9a695ab21b03fd7f19e61e.jpg" class="img-fluid srp-vehiclebox-image"
7714                                    title="2024 Subaru Outback Premium" alt="2024 Subaru Outback Premium" />
7715
7716                        </div>
7717
7718                        <div class="dp-srp-evox-media-4S4BTACC5R3126387" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4BTACC5R3126387'"></div>
7719
7720                        <div class="vehicle-info-icon">
7721                            <em
7722                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4BTACC5R3126387')"
7723                            class="primaryicon-options-btn-new info-icon-css"
7724                            data-vin="4S4BTACC5R3126387"
7725                            tabindex="0"
7726                            role="button"
7727                            aria-label="Vehicle info"
7728                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4BTACC5R3126387')"
7729                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4BTACC5R3126387')"
7730                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
7731                        </div>
7732                    </div>
7733
7734
7735                    <div class="vehiclebox-info-section p-3">
7736                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
7737                            <div class="d-flex">
7738                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
7739                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
7740                                        2024 Subaru Outback Premium
7741                                    </h2>
7742                                </div>
7743                            </div>
7744                        </div>
7745
7746                        <div class="vehicle-summary-section mt-3 ">
7747                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
7748                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
7749            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):showMsrp)'>
7750                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
7751                                            <div class="mr-2" style="color:#1971d4">
7752                                                <span id="4s4btacc5r3126387-price-summary-label">Your Price</span>
7753                                            </div>
7754                                            <div id="4s4btacc5r3126387-price-summary-value" class=" " style="color:#1971d4">$24,127</div>
7755                                        </div>
7756
7757            </div>
7758            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):!showMsrp )'>
7759                                <div v-if="!unlockHideMsrp">
7760                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
7761                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
7762                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,980</div>
7763                                    </div>
7764                                </div>
7765
7766            </div>
7767        </div>
7768
7769                            </div>
7770
7771                                <template v-if="true">
7772                                    <div class="vehicle-summary-cta flex-1">
7773                                        <object>
7774                                               <div class="primary-button-parent">
7775        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash#Transact" target="_self"
7776           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4BTACC5R3126387");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash",$event,"_self")'
7777           @keydown.space.prevent="$event.currentTarget.click()"
7778           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
7779           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
7780            CALCULATE PAYMENTS
7781        </a>
7782    </div>
7783
7784                                        </object>
7785                                    </div>
7786                                </template>
7787                        </div>
7788<div class="color-black ft-16 mt-1">
7789            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
7790                Disclosure
7791            </div>
7792</div>
7793
7794
7795                        <div class="show section-separator my-4"></div>
7796
7797
7798                            <template v-if="true">
7799                                <object>
7800                                    <div class="app-level-cta-container">
7801
7802
7803
7804
7805
7806
7807
7808                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4BTACC5R3126387","true"==="true"))' class="primary-button-parent">
7809                                                    <a :style="ctaBtnStyles"
7810                                                     tabindex="0" role="button"
7811                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash", "4S4BTACC5R3126387", "Used")'
7812                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash", "4S4BTACC5R3126387", "Used")'
7813                                                    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">
7814                                                        {{inventorySettings.data.buttonLabel}}
7815                                                    </a>
7816                                                 </div>
7817                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
7818                                                                    <a v-if="applySecondary
7818Design" href=""
7819                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
7820                                                                        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"
7821                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7822                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7823                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7824                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
7825                                                                    <a v-else href=""
7826                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
7827                                                                        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"
7828                                                                        @click.prevent="
7829                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7830                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
7831                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7832                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
7833                                                                        GET MORE INFORMATION
7834                                                                    </a>
7835                                                                </div>
7836                                                                    <div class="primary-button-parent">
7837                                                                        <a v-if="applySecondary
7837Design"
7838                                                                            href="javascript:void(0)"
7839                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
7840                                                                            class=" 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"
7841                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7842                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
7843                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
7844                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
7845                                                                            CALL (805) 790-9466
7846                                                                        </a>
7847                                                                        <a v-else
7848                                                                            href="javascript:void(0)"
7849                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
7850                                                                            class=" 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"
7851                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
7852                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
7853                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
7854                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTACC5R3126387&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:314.04,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3126387A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
7855                                                                            >
7856                                                                            CALL (805) 790-9466
7857                                                                        </a>
7858                                                                    </div>
7859
7860
7861
7862
7863                                    </div>
7864                                </object>
7865                            </template>
7866
7867                            <div class="mt-3">
7868
7869
7870                                <div class="inventory-btns" style="width:100%;" v-cloak>
7871
7872
7873                                    <object class="d-flex flex-column primary-inventory-btn-group">
7874                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7875                                        <div class="pi-pullup-container"></div>
7876                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
7877
7878                                        <div class="dvs_vin_btn" vin="4S4BTACC5R3126387"></div>
7879
7880
7881
7882
7883
7884
7885                                    </object>
7886
7887
7888
7889
7890
7891
7892
7893
7894
7895                                    
7896
7897
7898
7899
7900
7901
7902
7903
7904
7905                                </div>
7906
7907
7908                                    <div class="my-2 w-100 text-center">
7909                                        <div class="les_video" les_vin="4S4BTACC5R3126387"></div>
7910                                    </div>
7911
7912
7913
7914
7915                            </div>
7916
7917                            <active-engage-widget v-if="isEnableActivEngageSrp"
7918                                                custom-class="py-2 ft-12"></active-engage-widget>
7919                        <div class="srp-tabs-section mt-3">
7920                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
7921                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTACC5R3126387'] || 'payments') === 'details' }"
7922                                    tabindex="0" role="tab"
7923                                    aria-label="Details"
7924                                    :aria-selected="(activeTabsByVin['4S4BTACC5R3126387'] || 'payments') === 'details'"
7925                                    aria-controls="tab-panel-details-4S4BTACC5R3126387"
7926                                    @click.stop.prevent="setActiveTab('details', '4S4BTACC5R3126387')"
7927                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4BTACC5R3126387')">
7928                                        Details
7929                                    </div>
7930                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTACC5R3126387'] || 'payments') === 'payments' }"
7931                                tabindex="0" role="tab"
7932                                aria-label="Pricing"
7933                                :aria-selected="(activeTabsByVin['4S4BTACC5R3126387'] || 'payments') === 'payments'"
7934                                aria-controls="tab-panel-payments-4S4BTACC5R3126387"
7935                                @click.stop.prevent="setActiveTab('payments', '4S4BTACC5R3126387')"
7936                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4BTACC5R3126387')">
7937                                    Pricing
7938                                </div>
7939                            </div>
7940
7941                            <div class="srp-tab-content">
7942                                <div :class="(activeTabsByVin['4S4BTACC5R3126387'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4BTACC5R3126387" aria-label="Details">
7943                                    <div class="vehicle-details-list">
7944
7945
7946                                            <div class="details-item-row">
7947                                                <div class="details-item-label">Stock #</div>
7948                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
7949                                                    <div id="copy_stock" class="d-inline">R3126387A</div>
7950                                                </div>
7951                                            </div>
7952
7953                                        
7954
7955
7956
7957
7958
7959                                                <div class="details-item-row">
7960                                                    <div class="details-item-label">Mileage</div>
7961                                                    <div class="details-item-value">54,329 Miles</div>
7962                                                </div>
7963
7964                                    </div>
7965
7966                                </div>
7967                                <div :class="(activeTabsByVin['4S4BTACC5R3126387'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4BTACC5R3126387" aria-label="Pricing">
7968                                            <div class="msrppanel-label">
7969                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):showMsrp)'>
7970
7971
7972                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26980' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
7973                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
7974                                                                                        
7975
7976<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
7977    KBB Price
7978</div>
7979<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,980</div>
7980
7981
7982                                                                                    </div>
7983                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">
7983-$3,034</span> </div>
7984                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
7985                                                                                                <div>
7986                                                                                                    Doc Fee
7987                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
7988                                                                                                </div>
7989                                                                                                <div class="d-flex pl-2">
7990                                                                                                    &#x2B;$85
7991                                                                                                </div>
7992                                                                                            </div>
7993                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
7994                                                                                                <div>
7995                                                                                                    EVR
7996                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
7997                                                                                                </div>
7998                                                                                                <div class="d-flex pl-2">
7999                                                                                                    &#x2B;$37
8000                                                                                                </div>
8001                                                                                            </div>
8002                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
8003                                                                                                <div>
8004                                                                                                    Emissions Test
8005                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
8006                                                                                                </div>
8007                                                                                                <div class="d-flex pl-2">
8008                                                                                                    &#x2B;$59
8009                                                                                                </div>
8010                                                                                            </div>
8011                                                                            <div id="4s4btacc5r3126387-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
8012                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
8013                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
8014                                                                                </span>
8015                                                                                <sp
8015an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4btacc5r3126387-unlock-discount-price"></label></span>
8016                                                                            </div>
8017                                                                            <div id="4s4btacc5r3126387-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'>
8018                                                                                <div class="mr-2" style="color:#1971d4">
8019                                                                                    <span id="4s4btacc5r3126387-selling-price-label" class="p-0">Your Price</span>
8020                                                                                </div>
8021                                                                                <div id="4s4btacc5r3126387-your-price-hide" class=" " style="color:#1971d4">$24,127</div>
8022                                                                            </div>
8023                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
8024                                                                                <div class="mr-2" style="color:#1971d4">
8025                                                                                    <span id="4s4btacc5r3126387-selling-price-label" class="p-0">Your Price</span>
8026                                                                                </div>
8027                                                                                <div id="4s4btacc5r3126387-your-price" class=" " style="color:#1971d4">$24,127</div>
8028                                                                            </div>
8029
8030
8031
8032
8033                                                        <total-incentive-discount qualified-data=''
8034                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
8035                                                                                :pricedata="{'msrp':'26980','yourPrice':'24127.0'}"
8036                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
8037                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
8038                                                    <div class="color-black ft-16 mt-1">
8039            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
8040                Disclosure
8041            </div>
8042</div>
8043
8044                                                </div>
8045
8046                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTACC5R3126387", "true"==="true"):!showMsrp )'>
8047                                                                    <div v-if="!unlockHideMsrp">
8048                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26980' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8049                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
8050                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
8051                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,980</div>
8052                                                                        </div>
8053                                                                    </div>
8054
8055                                                </div>
8056                                            </div>
8057                                </div>
8058                            </div>
8059                        </div>
8060                        <div id="cta-params-4S4BTACC5R3126387"
8061                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:24127.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
8062                        </div>
8063
8064                        <div>
8065
8066                            <vehicle-badges model="Outback"
8067                                            :current="'srp'"
8068                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
8069                                            :eyesight="'False'"
8070                                            :starlink="'False'"
8071                                            :von="''"
8072                                            :onorder="''"
8073                                            :vin="'4S4BTACC5R3126387'"
8074                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash'"
8075                                            :vehicle-badges-top-srp="'False'"
8076                                            :year="'2024'"
8077                                            :in-transit-background-color-srp="''"
8078                                            :in-transit-badge-color-srp="''"
8079                                            :in-production-background-color-srp="''"
8080                                            :in-production-badge-color-srp="''"
8081                                            @opendisclaimer="openDisclaimerPopup($event)">
8082                            </vehicle-badges>
8083
8084                                <div class="d-flex flex-wrap">
8085                                    
8086
8087
8088
8089
8090
8091
8092                                </div>
8093                        </div>
8094
8095
8096
8097                        <div class="d-flex flex-wrap srp-certified-img-section">
8098
8099
8100                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
8101                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
8102                                        </div>
8103
8104                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/Cc9qrvqANHdvEq-Mr1utFDKorAyG3gQMteVtBwiasAs3MfvPpS9BnJtNr8unJsb4TX91sibIPIBphkMw4ioOVnLMmJlqdhEZaKk')">
8105                                        <img src="https://partnerstatic.
8105carfax.com/img/valuebadge/1own_great.svg"
8106                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
8107                                    </div>
8108
8109
8110
8111
8112
8113                        </div>
8114
8115                        <div v-if="currentTheme == 'subaru'" class="mt-3">
8116                            <subaru-badge-new model="Outback"
8117                                            year="2024"
8118                                            make="Subaru"
8119                                            type="Used"
8120                                            :current="'srp'"
8121                                            :transit="'False'"
8122                                            :eyesight="'False'"
8123                                            :starlink="'False'"
8124                                            :von="''"
8125                                            :onorder="''"
8126                                            :vin="'4S4BTACC5R3126387'"
8127                                            :hide-in-transit="'False'"
8128                                            :vehicle-badges-top-srp="'False'"
8129                                            :subaru-consumer-report-class="''"
8130                                            :in-transit-background-color-srp="''"
8131                                            :in-transit-badge-color-srp="''"
8132                                            >
8133                            </subaru-badge-new>
8134                        </div>
8135
8136                    </div>
8137                </div>
8138
8139
8140
8141            </div>
8142        </a>
8143        <template v-if="true">
8144            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
8145                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4BTACC5R3126387'" class="vehicle-data-overlay-container"
8146                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
8147                     @keydown.esc.prevent="closeDetailsOverlay()"
8148                     @keydown.tab="srpOverlayTrapFocus($event)">
8149                    <div class="vehicle-overlay-data">
8150                        <div class="srp-overlay-options">
8151                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8152                                <div class="d-flex align-items-center" style="gap: 20px;">
8153                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
8154                                     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>
8155                                    <h3 class="mb-0">Options</h3>
8156                                </div>
8157                                <div>
8158                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
8159                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
8160                                </div>
8161                            </div>
8162
8163                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
8164                                <div class="overlay-nav-items px-3 pt-4">
8165                                    <div class="d-flex overlay-nav-item" tabindex="0"
8166                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC5R3126387', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC5R3126387', overlayType: 'share-options', label: 'Share' })">
8167                                        <em class="primaryicon-share-icon"></em>
8168                                        <span>Share</span>
8169                                    </div>
8170
8171                                        <div class="d-flex overlay-nav-item"
8172                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC5R3126387', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTACC5R3126387', overlayType: 'key-features', label: 'Key Features' })">
8173                                            <em class="primaryicon-key-features-icon"></em>
8174                                            <span>Key Features</span>
8175                                        </div>
8176                                </div>
8177
8178                                <div class="pt-4 px-3 mt-3">
8179                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash")' target="_self"
8180                                        @keydown.space.prevent="$event.currentTarget.click()"
8181                                        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:">
8182                                        View Details
8183                                    </a>
8184                                </div>
8185                            </div>
8186                        </div>
8187                    </div>
8188                </div>
8189            </transition>
8190            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8191                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4BTACC5R3126387'"
8192                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8193                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8194                     @keydown.tab="srpOverlayTrapFocus($event)">
8195                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8196                        <div class="d-flex align-items-center" style="gap: 20px;">
8197                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8198                            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>
8199                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8200                        </div>
8201                        <div>
8202                            <em class="primaryicon-close-icon-gray"
8203                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8204                        </div>
8205                    </div>
8206                    <div class="mt-3 pt-4 overlay-section-links">
8207                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8208                        <template v-if="!isLoadingOverlayDetails">
8209                            <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>
8210                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash" vehicle-name="Used 2024 Subaru Outback Premium" :page-type-id="18" :style-id="438571" class="overlay-section-content"></share-options>
8211                            <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>
8212                        </template>
8213                    </div>
8214                </div>
8215            </transition>
8216        </template>
8217    </div>
8218        
8218<script type="application/javascript">
8219
8220            var rebatesString = "[]";
8221            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8222            localStorage.setItem("JF2GTHSC2PH245813-rebates", formattedRebatesString);
8223
8224        </script>
8224
8225<div data-itemid="Subaru-Crosstrek-Sport-JF2GTHSC2PH245813" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8226        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2GTHSC2PH245813", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "7",msrp:"27886",yourPrice:"24742.0",sellingPrice:"24561",type:"Used",title:`2023 Subaru Crosstrek Sport`},"true"==="true"), setVintoTransact("JF2GTHSC2PH245813", $event,{styleId:"428565"})'
8227        @mouseleave="clearMouseHoverValue()"
8228        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8229        used-large-box" style="height: 100%;">
8230
8231            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8232                <div class="position-relative">
8233                    <div class="srp-top-badges">
8234                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
8235                            <div class="d-flex align-items-center gap-10">
8236                            </div>
8237                        </div>
8238
8239                    </div>
8240
8241
8242                    <div id="EZ360_CVDP"></div>
8243
8244                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8245                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2GTHSC2PH245813'" class="vehicle-box__image">
8246                                    <img src="https://cdn.max.auto/t_hres/108741/JF2GTHSC2PH245813/6ab76a60050dae99f50fcbc5.jpg" class="img-fluid srp-vehiclebox-image"
8247                                    title="2023 Subaru Crosstrek Sport" alt="2023 Subaru Crosstrek Sport" />
8248
8249                        </div>
8250
8251                        <div class="dp-srp-evox-media-JF2GTHSC2PH245813" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2GTHSC2PH245813'"></div>
8252
8253                        <div class="vehicle-info-icon">
8254                            <em
8255                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2GTHSC2PH245813')"
8256                            class="primaryicon-options-btn-new info-icon-css"
8257                            data-vin="JF2GTHSC2PH245813"
8258                            tabindex="0"
8259                            role="button"
8260                            aria-label="Vehicle info"
8261                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2GTHSC2PH245813')"
8262                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2GTHSC2PH245813')"
8263                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8264                        </div>
8265                    </div>
8266
8267
8268                    <div class="vehiclebox-info-section p-3">
8269                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8270                            <div class="d-flex">
8271                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8272                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8273                                        2023 Subaru Crosstrek Sport
8274                                    </h2>
8275                                </div>
8276                            </div>
8277                        </div>
8278
8279                        <div class="vehicle-summary-section mt-3 ">
8280                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8281                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8282            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):showMsrp)'>
8283                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
8284                                            <div class="mr-2" style="color:#1971d4">
8285                                                <span id="jf2gthsc2ph245813-price-summary-label">Your Price</span>
8286                                            </div>
8287                                            <div id="jf2gthsc2ph245813-price-summary-value" class=" " style="color:#1971d4">$24,742</div>
8288                                        </div>
8289
8290            </div>
8291            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):!showMsrp )'>
8292                                <div v-if="!unlockHideMsrp">
8293                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
8294                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
8295                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,886</div>
8296                                    </div>
8297                                </div>
8298
8299            </div>
8300        </div>
8301
8302                            </div>
8303
8304                                <template v-if="true">
8305                                    <div class="vehicle-summary-cta flex-1">
8306                                        <object>
8307                                               <div class="primary-button-parent">
8308        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
8309           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2GTHSC2PH245813");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
8310           @keydown.space.prevent="$event.currentTarget.click()"
8311           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
8312           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
8313            CALCULATE PAYMENTS
8314        </a>
8315    </div>
8316
8317                                        </object>
8318                                    </div>
8319                                </template>
8320                        </div>
8321<div class="color-black ft-16 mt-1">
8322            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
8323                Disclosure
8324            </div>
8325</div>
8326
8327
8328                        <div class="show section-separator my-4"></div>
8329
8330
8331                            <template v-if="true">
8332                                <object>
8333                                    <div class="app-level-cta-container">
8334
8335
8336
8337
8338
8339
8340
8341                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2GTHSC2PH245813","true"==="true"))' class="primary-button-parent">
8342                                                    <a :style="ctaBtnStyles"
8343                                                     tabindex="0" role="button"
8344                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash", "JF2GTHSC2PH245813", "Used")'
8345                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash", "JF2GTHSC2PH245813", "Used")'
8346                                                    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">
8347                                                        {{inventorySettings.data.buttonLabel}}
8348                                                    </a>
8349                                                 </div>
8350                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
8351                                                                    <a v-if="applySecondary
8351Design" href=""
8352                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
8353                                                                        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"
8354                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8355                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8356                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8357                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
8358                                                                    <a v-else href=""
8359                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
8360                                                                        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"
8361                                                                        @click.prevent="
8362                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8363                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8364                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8365                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8366                                                                        GET MORE INFORMATION
8367                                                                    </a>
8368                                                                </div>
8369                                                                    <div class="primary-button-parent">
8370                                                                        <a v-if="applySecondary
8370Design"
8371                                                                            href="javascript:void(0)"
8372                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
8373                                                                            class=" 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"
8374                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8375                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
8376                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
8377                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
8378                                                                            CALL (805) 790-9466
8379                                                                        </a>
8380                                                                        <a v-else
8381                                                                            href="javascript:void(0)"
8382                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
8383                                                                            class=" 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"
8384                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8385                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
8386                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
8387                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHSC2PH245813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:325.75,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PF245813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
8388                                                                            >
8389                                                                            CALL (805) 790-9466
8390                                                                        </a>
8391                                                                    </div>
8392
8393
8394
8395
8396                                    </div>
8397                                </object>
8398                            </template>
8399
8400                            <div class="mt-3">
8401
8402
8403                                <div class="inventory-btns" style="width:100%;" v-cloak>
8404
8405
8406                                    <object class="d-flex flex-column primary-inventory-btn-group">
8407                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8408                                        <div class="pi-pullup-container"></div>
8409                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8410
8411                                        <div class="dvs_vin_btn" vin="JF2GTHSC2PH245813"></div>
8412
8413
8414
8415
8416
8417
8418                                    </object>
8419
8420
8421
8422
8423
8424
8425
8426
8427
8428                                    
8429
8430
8431
8432
8433
8434
8435
8436
8437
8438                                </div>
8439
8440
8441                                    <div class="my-2 w-100 text-center">
8442                                        <div class="les_video" les_vin="JF2GTHSC2PH245813"></div>
8443                                    </div>
8444
8445
8446
8447
8448                            </div>
8449
8450                            <active-engage-widget v-if="isEnableActivEngageSrp"
8451                                                custom-class="py-2 ft-12"></active-engage-widget>
8452                        <div class="srp-tabs-section mt-3">
8453                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
8454                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTHSC2PH245813'] || 'payments') === 'details' }"
8455                                    tabindex="0" role="tab"
8456                                    aria-label="Details"
8457                                    :aria-selected="(activeTabsByVin['JF2GTHSC2PH245813'] || 'payments') === 'details'"
8458                                    aria-controls="tab-panel-details-JF2GTHSC2PH245813"
8459                                    @click.stop.prevent="setActiveTab('details', 'JF2GTHSC2PH245813')"
8460                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2GTHSC2PH245813')">
8461                                        Details
8462                                    </div>
8463                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTHSC2PH245813'] || 'payments') === 'payments' }"
8464                                tabindex="0" role="tab"
8465                                aria-label="Pricing"
8466                                :aria-selected="(activeTabsByVin['JF2GTHSC2PH245813'] || 'payments') === 'payments'"
8467                                aria-controls="tab-panel-payments-JF2GTHSC2PH245813"
8468                                @click.stop.prevent="setActiveTab('payments', 'JF2GTHSC2PH245813')"
8469                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2GTHSC2PH245813')">
8470                                    Pricing
8471                                </div>
8472                            </div>
8473
8474                            <div class="srp-tab-content">
8475                                <div :class="(activeTabsByVin['JF2GTHSC2PH245813'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2GTHSC2PH245813" aria-label="Details">
8476                                    <div class="vehicle-details-list">
8477
8478
8479                                            <div class="details-item-row">
8480                                                <div class="details-item-label">Stock #</div>
8481                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
8482                                                    <div id="copy_stock" class="d-inline">PF245813A</div>
8483                                                </div>
8484                                            </div>
8485
8486                                        
8487
8488
8489
8490
8491
8492                                                <div class="details-item-row">
8493                                                    <div class="details-item-label">Mileage</div>
8494                                                    <div class="details-item-value">38,397 Miles</div>
8495                                                </div>
8496
8497                                    </div>
8498
8499                                </div>
8500                                <div :class="(activeTabsByVin['JF2GTHSC2PH245813'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2GTHSC2PH245813" aria-label="Pricing">
8501                                            <div class="msrppanel-label">
8502                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):showMsrp)'>
8503
8504
8505                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27886' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8506                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
8507                                                                                        
8508
8509<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
8510    KBB Price
8511</div>
8512<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$27,886</div>
8513
8514
8515                                                                                    </div>
8516                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$3,325</span> </div>
8517                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
8518                                                                                                <div>
8519                                                                                                    Doc Fee
8520                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
8521                                                                                                </div>
8522                                                                                                <div class="d-flex pl-2">
8523                                                                                                    &#x2B;$85
8524                                                                                                </div>
8525                                                                                            </div>
8526                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
8527                                                                                                <div>
8528                                                                                                    EVR
8529                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
8530                                                                                                </div>
8531                                                                                                <div class="d-flex pl-2">
8532                                                                                                    &#x2B;$37
8533                                                                                                </div>
8534                                                                                            </div>
8535                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
8536                                                                                                <div>
8537                                                                                                    Emissions Test
8538                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
8539                                                                                                </div>
8540                                                                                                <div class="d-flex pl-2">
8541                                                                                                    &#x2B;$59
8542                                                                                                </div>
8543                                                                                            </div>
8544                                                                            <div i
8544d="jf2gthsc2ph245813-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
8545                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
8546                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
8547                                                                                </span>
8548                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2gthsc2ph245813-unlock-discount-price"></label></span>
8549                                                                            </div>
8550                                                                            <div id="jf2gthsc2ph245813-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'>
8551                                                                                <div class="mr-2" style="color:#1971d4">
8552                                                                                    <span id="jf2gthsc2ph245813-selling-price-label" class="p-0">Your Price</span>
8553                                                                                </div>
8554                                                                                <div id="jf2gthsc2ph245813-your-price-hide" class=" " style="color:#1971d4">$24,742</div>
8555                                                                            </div>
8556                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
8557                                                                                <div class="mr-2" style="color:#1971d4">
8558                                                                                    <span id="jf2gthsc2ph245813-selling-price-label" class="p-0">Your Price</span>
8559                                                                                </div>
8560                                                                                <div id="jf2gthsc2ph245813-your-price" class=" " style="color:#1971d4">$24,742</div>
8561                                                                            </div>
8562
8563
8564
8565
8566                                                        <total-incentive-discount qualified-data=''
8567                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
8568                                                                                :pricedata="{'msrp':'27886','yourPrice':'24742.0'}"
8569                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
8570                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
8571                                                    <div class="color-black ft-16 mt-1">
8572            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
8573                Disclosure
8574            </div>
8575</div>
8576
8577                                                </div>
8578
8579                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHSC2PH245813", "true"==="true"):!showMsrp )'>
8580                                                                    <div v-if="!unlockHideMsrp">
8581                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27886' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
8582                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
8583                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
8584                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,886</div>
8585                                                                        </div>
8586                                                                    </div>
8587
8588                                                </div>
8589                                            </div>
8590                                </div>
8591                            </div>
8592                        </div>
8593                        <div id="cta-params-JF2GTHSC2PH245813"
8594                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:24742.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
8595                        </div>
8596
8597                        <div>
8598
8599                            <vehicle-badges model="Crosstrek"
8600                                            :current="'srp'"
8601                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
8602                                            :eyesight="''"
8603                                            :starlink="''"
8604                                            :von="''"
8605                                            :onorder="''"
8606                                            :vin="'JF2GTHSC2PH245813'"
8607                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash'"
8608                                            :vehicle-badges-top-srp="'False'"
8609                                            :year="'2023'"
8610                                            :in-transit-background-color-srp="''"
8611                                            :in-transit-badge-color-srp="''"
8612                                            :in-production-background-color-srp="''"
8613                                            :in-production-badge-color-srp="''"
8614                                            @opendisclaimer="openDisclaimerPopup($event)">
8615                            </vehicle-badges>
8616
8617                                <div class="d-flex flex-wrap">
8618                                    
8619
8620
8621
8622
8623
8624
8625                                </div>
8626                        </div>
8627
8628
8629
8630                        <div class="d-flex flex-wrap srp-certified-img-section">
8631
8632
8633
8634                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/RxdDTXXfPBG1nmXLzkBZSApTjYxoPks9VVihiVP_vNrLZcWG88r3eXXShuEMsqE4gMHfHHMbuaiir5xAcSjRVk6mR4LBAOOaYi8')">
8635                                        <img src="https://partnerstatic.
8635carfax.com/img/valuebadge/1own_good.svg"
8636                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
8637                                    </div>
8638
8639
8640
8641
8642
8643                        </div>
8644
8645                        <div v-if="currentTheme == 'subaru'" class="mt-3">
8646                            <subaru-badge-new model="Crosstrek"
8647                                            year="2023"
8648                                            make="Subaru"
8649                                            type="Used"
8650                                            :current="'srp'"
8651                                            :transit="'False'"
8652                                            :eyesight="''"
8653                                            :starlink="''"
8654                                            :von="''"
8655                                            :onorder="''"
8656                                            :vin="'JF2GTHSC2PH245813'"
8657                                            :hide-in-transit="'False'"
8658                                            :vehicle-badges-top-srp="'False'"
8659                                            :subaru-consumer-report-class="''"
8660                                            :in-transit-background-color-srp="''"
8661                                            :in-transit-badge-color-srp="''"
8662                                            >
8663                            </subaru-badge-new>
8664                        </div>
8665
8666                    </div>
8667                </div>
8668
8669
8670
8671            </div>
8672        </a>
8673        <template v-if="true">
8674            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
8675                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2GTHSC2PH245813'" class="vehicle-data-overlay-container"
8676                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
8677                     @keydown.esc.prevent="closeDetailsOverlay()"
8678                     @keydown.tab="srpOverlayTrapFocus($event)">
8679                    <div class="vehicle-overlay-data">
8680                        <div class="srp-overlay-options">
8681                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8682                                <div class="d-flex align-items-center" style="gap: 20px;">
8683                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
8684                                     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>
8685                                    <h3 class="mb-0">Options</h3>
8686                                </div>
8687                                <div>
8688                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
8689                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
8690                                </div>
8691                            </div>
8692
8693                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
8694                                <div class="overlay-nav-items px-3 pt-4">
8695                                    <div class="d-flex overlay-nav-item" tabindex="0"
8696                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHSC2PH245813', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHSC2PH245813', overlayType: 'share-options', label: 'Share' })">
8697                                        <em class="primaryicon-share-icon"></em>
8698                                        <span>Share</span>
8699                                    </div>
8700
8701                                        <div class="d-flex overlay-nav-item"
8702                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHSC2PH245813', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHSC2PH245813', overlayType: 'key-features', label: 'Key Features' })">
8703                                            <em class="primaryicon-key-features-icon"></em>
8704                                            <span>Key Features</span>
8705                                        </div>
8706                                </div>
8707
8708                                <div class="pt-4 px-3 mt-3">
8709                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash")' target="_self"
8710                                        @keydown.space.prevent="$event.currentTarget.click()"
8711                                        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:">
8712                                        View Details
8713                                    </a>
8714                                </div>
8715                            </div>
8716                        </div>
8717                    </div>
8718                </div>
8719            </transition>
8720            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
8721                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2GTHSC2PH245813'"
8722                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
8723                     @keydown.esc.prevent="navigateToDetailsOverlay()"
8724                     @keydown.tab="srpOverlayTrapFocus($event)">
8725                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
8726                        <div class="d-flex align-items-center" style="gap: 20px;">
8727                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
8728                            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>
8729                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
8730                        </div>
8731                        <div>
8732                            <em class="primaryicon-close-icon-gray"
8733                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
8734                        </div>
8735                    </div>
8736                    <div class="mt-3 pt-4 overlay-section-links">
8737                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
8738                        <template v-if="!isLoadingOverlayDetails">
8739                            <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>
8740                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2023 Subaru Crosstrek Sport" :page-type-id="18" :style-id="428565" class="overlay-section-content"></share-options>
8741                            <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>
8742                        </template>
8743                    </div>
8744                </div>
8745            </transition>
8746        </template>
8747    </div>
8748        
8748<script type="application/javascript">
8749
8750            var rebatesString = "[]";
8751            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
8752            localStorage.setItem("JF2SKABC6RH462675-rebates", formattedRebatesString);
8753
8754        </script>
8754
8755<div data-itemid="Subaru-Forester--JF2SKABC6RH462675" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
8756        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2SKABC6RH462675", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "8",msrp:"25954",yourPrice:"25049.0",sellingPrice:"24868",type:"Used",title:`2024 Subaru Forester`},"true"==="true"), setVintoTransact("JF2SKABC6RH462675", $event,{styleId:"446102"})'
8757        @mouseleave="clearMouseHoverValue()"
8758        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
8759        used-large-box" style="height: 100%;">
8760
8761            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
8762                <div class="position-relative">
8763                    <div class="srp-top-badges">
8764                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
8765                            <div class="d-flex align-items-center gap-10">
8766                                            <div class="specials-indicator-wrapper">
8767                                                <inventory-specials-indicator
8768                                                bg-color=""
8769                                                text="">
8770                                                </inventory-specials-indicator>
8771                                            </div>
8772                            </div>
8773                        </div>
8774
8775                    </div>
8776
8777
8778                    <div id="EZ360_CVDP"></div>
8779
8780                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
8781                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2SKABC6RH462675'" class="vehicle-box__image">
8782                                    <img src="https://cdn.max.auto/t_hres/108741/JF2SKABC6RH462675/6ab4c783050dae99f56a09d8.jpg" class="img-fluid srp-vehiclebox-image"
8783                                    title="2024 Subaru Forester " alt="2024 Subaru Forester " />
8784
8785                        </div>
8786
8787                        <div class="dp-srp-evox-media-JF2SKABC6RH462675" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2SKABC6RH462675'"></div>
8788
8789                        <div class="vehicle-info-icon">
8790                            <em
8791                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2SKABC6RH462675')"
8792                            class="primaryicon-options-btn-new info-icon-css"
8793                            data-vin="JF2SKABC6RH462675"
8794                            tabindex="0"
8795                            role="button"
8796                            aria-label="Vehicle info"
8797                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2SKABC6RH462675')"
8798                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2SKABC6RH462675')"
8799                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
8800                        </div>
8801                    </div>
8802
8803
8804                    <div class="vehiclebox-info-section p-3">
8805                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
8806                            <div class="d-flex">
8807                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
8808                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
8809                                        2024 Subaru Forester
8810                                    </h2>
8811                                </div>
8812                            </div>
8813                        </div>
8814
8815                        <div class="vehicle-summary-section mt-3 ">
8816                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
8817                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
8818            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):showMsrp)'>
8819                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
8820                                            <div class="mr-2" style="color:#1971d4">
8821                                                <span id="jf2skabc6rh462675-price-summary-label">Your Price</span>
8822                                            </div>
8823                                            <div id="jf2skabc6rh462675-price-summary-value" class=" " style="color:#1971d4">$25,049</div>
8824                                        </div>
8825
8826            </div>
8827            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):!showMsrp )'>
8828                                <div v-if="!unlockHideMsrp">
8829                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
8830                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
8831                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,954</div>
8832                                    </div>
8833                                </div>
8834
8835            </div>
8836        </div>
8837
8838                            </div>
8839
8840                                <template v-if="true">
8841                                    <div class="vehicle-summary-cta flex-1">
8842                                        <object>
8843                                               <div class="primary-button-parent">
8844        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash#Transact" target="_self"
8845           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2SKABC6RH462675");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash",$event,"_self")'
8846           @keydown.space.prevent="$event.currentTarget.click()"
8847           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
8848           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
8849            CALCULATE PAYMENTS
8850        </a>
8851    </div>
8852
8853                                        </object>
8854                                    </div>
8855                                </template>
8856                        </div>
8857<div class="color-black ft-16 mt-1">
8858            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
8859                Disclosure
8860            </div>
8861</div>
8862
8863
8864                        <div class="show section-separator my-4"></div>
8865
8866
8867                            <template v-if="true">
8868                                <object>
8869                                    <div class="app-level-cta-container">
8870
8871
8872
8873
8874
8875
8876
8877                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2SKABC6RH462675","true"==="true"))' class="primary-button-parent">
8878                                                    <a :style="ctaBtnStyles"
8879                                                     tabindex="0" role="button"
8880                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash", "JF2SKABC6RH462675", "
8880Used")'
8881                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash", "JF2SKABC6RH462675", "Used")'
8882                                                    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">
8883                                                        {{inventorySettings.data.buttonLabel}}
8884                                                    </a>
8885                                                 </div>
8886                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
8887                                                                    <a v-if="applySecondaryDesign" href=""
8888                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
8889                                                                        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"
8890                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8891                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8892                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8893                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
8894                                                                    <a v-else href=""
8895                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
8896                                                                        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"
8897                                                                        @click.prevent="
8898                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8899                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
8900                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8901                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
8902                                                                        GET MORE INFORMATION
8903                                                                    </a>
8904                                                                </div>
8905                                                                    <div class="primary-button-parent">
8906                                                                        <a v-if="applySecondary
8906Design"
8907                                                                            href="javascript:void(0)"
8908                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
8909                                                                            class=" 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"
8910                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8911                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
8912                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
8913                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
8914                                                                            CALL (805) 790-9466
8915                                                                        </a>
8916                                                                        <a v-else
8917                                                                            href="javascript:void(0)"
8918                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
8919                                                                            class=" 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"
8920                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
8921                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
8922                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
8923                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKABC6RH462675&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:326.03,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;RH462675A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
8924                                                                            >
8925                                                                            CALL (805) 790-9466
8926                                                                        </a>
8927                                                                    </div>
8928
8929
8930
8931
8932                                    </div>
8933                                </object>
8934                            </template>
8935
8936                            <div class="mt-3">
8937
8938
8939                                <div class="inventory-btns" style="width:100%;" v-cloak>
8940
8941
8942                                    <object class="d-flex flex-column primary-inventory-btn-group">
8943                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8944                                        <div class="pi-pullup-container"></div>
8945                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
8946
8947                                        <div class="dvs_vin_btn" vin="JF2SKABC6RH462675"></div>
8948
8949
8950
8951
8952
8953
8954                                    </object>
8955
8956
8957
8958
8959
8960
8961
8962
8963
8964                                    
8965
8966
8967
8968
8969
8970
8971
8972
8973
8974                                </div>
8975
8976
8977                                    <div class="my-2 w-100 text-center">
8978                                        <div class="les_video" les_vin="JF2SKABC6RH462675"></div>
8979                                    </div>
8980
8981
8982
8983
8984                            </div>
8985
8986                            <active-engage-widget v-if="isEnableActivEngageSrp"
8987                                                custom-class="py-2 ft-12"></active-engage-widget>
8988                        <div class="srp-tabs-section mt-3">
8989                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
8990                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SKABC6RH462675'] || 'payments') === 'details' }"
8991                                    tabindex="0" role="tab"
8992                                    aria-label="Details"
8993                                    :aria-selected="(activeTabsByVin['JF2SKABC6RH462675'] || 'payments') === 'details'"
8994                                    aria-controls="tab-panel-details-JF2SKABC6RH462675"
8995                                    @click.stop.prevent="setActiveTab('details', 'JF2SKABC6RH462675')"
8996                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2SKABC6RH462675')">
8997                                        Details
8998                                    </div>
8999                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SKABC6RH462675'] || 'payments') === 'payments' }"
9000                                tabindex="0" role="tab"
9001                                aria-label="Pricing"
9002                                :aria-selected="(activeTabsByVin['JF2SKABC6RH462675'] || 'payments') === 'payments'"
9003                                aria-controls="tab-panel-payments-JF2SKABC6RH462675"
9004                                @click.stop.prevent="setActiveTab('payments', 'JF2SKABC6RH462675')"
9005                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2SKABC6RH462675')">
9006                                    Pricing
9007                                </div>
9008                            </div>
9009
9010                            <div class="srp-tab-content">
9011                                <div :class="(activeTabsByVin['JF2SKABC6RH462675'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2SKABC6RH462675" aria-label="Details">
9012                                    <div class="vehicle-details-list">
9013
9014
9015                                            <div class="details-item-row">
9016                                                <div class="details-item-label">Stock #</div>
9017                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
9018                                                    <div id="copy_stock" class="d-inline">RH462675A</div>
9019                                                </div>
9020                                            </div>
9021
9022                                        
9023
9024
9025
9026
9027
9028                                                <div class="details-item-row">
9029                                                    <div class="details-item-label">Mileage</div>
9030                                                    <div class="details-item-value">31,395 Miles</div>
9031                                                </div>
9032
9033                                    </div>
9034
9035                                </div>
9036                                <div :class="(activeTabsByVin['JF2SKABC6RH462675'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2SKABC6RH462675" aria-label="Pricing">
9037                                            <div class="msrppanel-label">
9038                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):showMsrp)'>
9039
9040
9041                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25954' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9042                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
9043                                                                                        
9044
9045<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
9046    KBB Price
9047</div>
9048<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,954</div>
9049
9050
9051                                                                                    </div>
9052                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$1,086</span> </div>
9053                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
9054                                                                                                <div>
9055                                                                                                    Doc Fee
9056                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
9057                                                                                                </div>
9058                                                                                                <div class="d-flex pl-2">
9059                                                                                                    &#x2B;$85
9060                                                                                                </div>
9061                                                                                            </div>
9062                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
9063                                                                                                <div>
9064                                                                                                    EVR
9065                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
9066                                                                                                </div>
9067                                                                                                <div class="d-flex pl-2">
9068                                                                                                    &#x2B;$37
9069                                                                                                </div>
9070                                                                                            </div>
9071                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
9072                                                                                                <div>
9073                                                                                                    Emissions Test
9074                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
9075                                                                                                </div>
9076                                                                                                <div class="d-flex pl-2">
9077                                                                                                    &#x2B;$59
9078                                                                                                </div>
9079                                                                                            </div>
9080                                                                            <div id="jf2skabc6rh46
90802675-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
9081                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
9082                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
9083                                                                                </span>
9084                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2skabc6rh462675-unlock-discount-price"></label></span>
9085                                                                            </div>
9086                                                                            <div id="jf2skabc6rh462675-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'>
9087                                                                                <div class="mr-2" style="color:#1971d4">
9088                                                                                    <span id="jf2skabc6rh462675-selling-price-label" class="p-0">Your Price</span>
9089                                                                                </div>
9090                                                                                <div id="jf2skabc6rh462675-your-price-hide" class=" " style="color:#1971d4">$25,049</div>
9091                                                                            </div>
9092                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
9093                                                                                <div class="mr-2" style="color:#1971d4">
9094                                                                                    <span id="jf2skabc6rh462675-selling-price-label" class="p-0">Your Price</span>
9095                                                                                </div>
9096                                                                                <div id="jf2skabc6rh462675-your-price" class=" " style="color:#1971d4">$25,049</div>
9097                                                                            </div>
9098
9099
9100
9101
9102                                                        <total-incentive-discount qualified-data=''
9103                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9104                                                                                :pricedata="{'msrp':'25954','yourPrice':'25049.0'}"
9105                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9106                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9107                                                    <div class="color-black ft-16 mt-1">
9108            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
9109                Disclosure
9110            </div>
9111</div>
9112
9113                                                </div>
9114
9115                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKABC6RH462675", "true"==="true"):!showMsrp )'>
9116                                                                    <div v-if="!unlockHideMsrp">
9117                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-25954' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9118                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9119                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
9120                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,954</div>
9121                                                                        </div>
9122                                                                    </div>
9123
9124                                                </div>
9125                                            </div>
9126                                </div>
9127                            </div>
9128                        </div>
9129                        <div id="cta-params-JF2SKABC6RH462675"
9130                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:25049.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9131                        </div>
9132
9133                        <div>
9134
9135                            <vehicle-badges model="Forester"
9136                                            :current="'srp'"
9137                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
9138                                            :eyesight="'False'"
9139                                            :starlink="'False'"
9140                                            :von="''"
9141                                            :onorder="''"
9142                                            :vin="'JF2SKABC6RH462675'"
9143                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash'"
9144                                            :vehicle-badges-top-srp="'False'"
9145                                            :year="'2024'"
9146                                            :in-transit-background-color-srp="''"
9147                                            :in-transit-badge-color-srp="''"
9148                                            :in-production-background-color-srp="''"
9149                                            :in-production-badge-color-srp="''"
9150                                            @opendisclaimer="openDisclaimerPopup($event)">
9151                            </vehicle-badges>
9152
9153                                <div class="d-flex flex-wrap">
9154                                    
9155
9156
9157
9158
9159
9160
9161                                </div>
9162                        </div>
9163
9164
9165
9166                        <div class="d-flex flex-wrap srp-certified-img-section">
9167
9168
9169                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
9170                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
9171                                        </div>
9172
9173                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/gYGpG3mRUsz0mPUkfjsB47Zgk0oLCI5KAQLSc_XQg2XCpCnma8MnM3twmmSGKNMWUuSA1xEA3lWACJHGklsL1APNqVMPfng0Ct0')">
9174                                        <img src="https://partnerstatic.
9174carfax.com/img/valuebadge/1own_great.svg"
9175                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
9176                                    </div>
9177
9178
9179
9180
9181
9182                        </div>
9183
9184                        <div v-if="currentTheme == 'subaru'" class="mt-3">
9185                            <subaru-badge-new model="Forester"
9186                                            year="2024"
9187                                            make="Subaru"
9188                                            type="Used"
9189                                            :current="'srp'"
9190                                            :transit="'False'"
9191                                            :eyesight="'False'"
9192                                            :starlink="'False'"
9193                                            :von="''"
9194                                            :onorder="''"
9195                                            :vin="'JF2SKABC6RH462675'"
9196                                            :hide-in-transit="'False'"
9197                                            :vehicle-badges-top-srp="'False'"
9198                                            :subaru-consumer-report-class="''"
9199                                            :in-transit-background-color-srp="''"
9200                                            :in-transit-badge-color-srp="''"
9201                                            >
9202                            </subaru-badge-new>
9203                        </div>
9204
9205                    </div>
9206                </div>
9207
9208
9209
9210            </div>
9211        </a>
9212        <template v-if="true">
9213            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
9214                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2SKABC6RH462675'" class="vehicle-data-overlay-container"
9215                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
9216                     @keydown.esc.prevent="closeDetailsOverlay()"
9217                     @keydown.tab="srpOverlayTrapFocus($event)">
9218                    <div class="vehicle-overlay-data">
9219                        <div class="srp-overlay-options">
9220                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9221                                <div class="d-flex align-items-center" style="gap: 20px;">
9222                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
9223                                     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>
9224                                    <h3 class="mb-0">Options</h3>
9225                                </div>
9226                                <div>
9227                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
9228                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
9229                                </div>
9230                            </div>
9231
9232                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
9233                                <div class="overlay-nav-items px-3 pt-4">
9234                                    <div class="d-flex overlay-nav-item" tabindex="0"
9235                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKABC6RH462675', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKABC6RH462675', overlayType: 'share-options', label: 'Share' })">
9236                                        <em class="primaryicon-share-icon"></em>
9237                                        <span>Share</span>
9238                                    </div>
9239
9240                                        <div class="d-flex overlay-nav-item"
9241                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKABC6RH462675', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKABC6RH462675', overlayType: 'key-features', label: 'Key Features' })">
9242                                            <em class="primaryicon-key-features-icon"></em>
9243                                            <span>Key Features</span>
9244                                        </div>
9245                                </div>
9246
9247                                <div class="pt-4 px-3 mt-3">
9248                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash")' target="_self"
9249                                        @keydown.space.prevent="$event.currentTarget.click()"
9250                                        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:">
9251                                        View Details
9252                                    </a>
9253                                </div>
9254                            </div>
9255                        </div>
9256                    </div>
9257                </div>
9258            </transition>
9259            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
9260                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2SKABC6RH462675'"
9261                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
9262                     @keydown.esc.prevent="navigateToDetailsOverlay()"
9263                     @keydown.tab="srpOverlayTrapFocus($event)">
9264                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9265                        <div class="d-flex align-items-center" style="gap: 20px;">
9266                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
9267                            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>
9268                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
9269                        </div>
9270                        <div>
9271                            <em class="primaryicon-close-icon-gray"
9272                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
9273                        </div>
9274                    </div>
9275                    <div class="mt-3 pt-4 overlay-section-links">
9276                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
9277                        <template v-if="!isLoadingOverlayDetails">
9278                            <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>
9279                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash" vehicle-name="Used 2024 Subaru Forester " :page-type-id="18" :style-id="446102" class="overlay-section-content"></share-options>
9280                            <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>
9281                        </template>
9282                    </div>
9283                </div>
9284            </transition>
9285        </template>
9286    </div>
9287        
9287<script type="application/javascript">
9288
9289            var rebatesString = "[]";
9290            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
9291            localStorage.setItem("4S4BTADC1S3115309-rebates", formattedRebatesString);
9292
9293        </script>
9293
9294<div data-itemid="Subaru-Outback-Premium-4S4BTADC1S3115309" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
9295        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4BTADC1S3115309", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "9",msrp:"26900",yourPrice:"25786.0",sellingPrice:"25605",type:"Used",title:`2025 Subaru Outback Premium`},"true"==="true"), setVintoTransact("4S4BTADC1S3115309", $event,{styleId:"454875"})'
9296        @mouseleave="clearMouseHoverValue()"
9297        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
9298        used-large-box" style="height: 100%;">
9299
9300            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
9301                <div class="position-relative">
9302                    <div class="srp-top-badges">
9303                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
9304                            <div class="d-flex align-items-center gap-10">
9305                                            <div class="specials-indicator-wrapper">
9306                                                <inventory-specials-indicator
9307                                                bg-color=""
9308                                                text="">
9309                                                </inventory-specials-indicator>
9310                                            </div>
9311                            </div>
9312                        </div>
9313
9314                    </div>
9315
9316
9317                    <div id="EZ360_CVDP"></div>
9318
9319                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
9320                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4BTADC1S3115309'" class="vehicle-box__image">
9321                                    <img src="https://cdn.max.auto/t_hres/108741/4S4BTADC1S3115309/6aac35b2050dae99f5c5b136.jpg" class="img-fluid srp-vehiclebox-image"
9322                                    title="2025 Subaru Outback Premium" alt="2025 Subaru Outback Premium" />
9323
9324                        </div>
9325
9326                        <div class="dp-srp-evox-media-4S4BTADC1S3115309" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4BTADC1S3115309'"></div>
9327
9328                        <div class="vehicle-info-icon">
9329                            <em
9330                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4BTADC1S3115309')"
9331                            class="primaryicon-options-btn-new info-icon-css"
9332                            data-vin="4S4BTADC1S3115309"
9333                            tabindex="0"
9334                            role="button"
9335                            aria-label="Vehicle info"
9336                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4BTADC1S3115309')"
9337                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4BTADC1S3115309')"
9338                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
9339                        </div>
9340                    </div>
9341
9342
9343                    <div class="vehiclebox-info-section p-3">
9344                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
9345                            <div class="d-flex">
9346                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
9347                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
9348                                        2025 Subaru Outback Premium
9349                                    </h2>
9350                                </div>
9351                            </div>
9352                        </div>
9353
9354                        <div class="vehicle-summary-section mt-3 ">
9355                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
9356                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
9357            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):showMsrp)'>
9358                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
9359                                            <div class="mr-2" style="color:#1971d4">
9360                                                <span id="4s4btadc1s3115309-price-summary-label">Your Price</span>
9361                                            </div>
9362                                            <div id="4s4btadc1s3115309-price-summary-value" class=" " style="color:#1971d4">$25,786</div>
9363                                        </div>
9364
9365            </div>
9366            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):!showMsrp )'>
9367                                <div v-if="!unlockHideMsrp">
9368                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
9369                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
9370                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,900</div>
9371                                    </div>
9372                                </div>
9373
9374            </div>
9375        </div>
9376
9377                            </div>
9378
9379                                <template v-if="true">
9380                                    <div class="vehicle-summary-cta flex-1">
9381                                        <object>
9382                                               <div class="primary-button-parent">
9383        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash#Transact" target="_self"
9384           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4BTADC1S3115309");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash",$event,"_self")'
9385           @keydown.space.prevent="$event.currentTarget.click()"
9386           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
9387           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
9388            CALCULATE PAYMENTS
9389        </a>
9390    </div>
9391
9392                                        </object>
9393                                    </div>
9394                                </template>
9395                        </div>
9396<div class="color-black ft-16 mt-1">
9397            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
9398                Disclosure
9399            </div>
9400</div>
9401
9402
9403                        <div class="show section-separator my-4"></div>
9404
9405
9406                            <template v-if="true">
9407                                <object>
9408                                    <div class="app-level-cta-container">
9409
9410
9411
9412
9413
9414
9415
9416                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4BTADC1S3115309","true"==="true"))' class="primary-button-parent">
9417                                                    <a :style="ctaBtnStyles"
9418                                                     tabindex="0" role="button"
9419                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash", "4S4BTADC1S3115309", "Used")'
9420                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash", "4S4BTADC1S3115309", "Used")'
9421                                                    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">
9422                                                        {{inventorySettings.data.buttonLabel}}
9423                                                    </a>
9424                                                 </div>
9425                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
9426                                                                    <a v-if="applySecondary
9426Design" href=""
9427                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
9428                                                                        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"
9429                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9430                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9431                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9432                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
9433                                                                    <a v-else href=""
9434                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
9435                                                                        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"
9436                                                                        @click.prevent="
9437                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9438                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9439                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9440                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9441                                                                        GET MORE INFORMATION
9442                                                                    </a>
9443                                                                </div>
9444                                                                    <div class="primary-button-parent">
9445                                                                        <a v-if="applySecondary
9445Design"
9446                                                                            href="javascript:void(0)"
9447                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
9448                                                                            class=" 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"
9449                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9450                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
9451                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
9452                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
9453                                                                            CALL (805) 790-9466
9454                                                                        </a>
9455                                                                        <a v-else
9456                                                                            href="javascript:void(0)"
9457                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
9458                                                                            class=" 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"
9459                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9460                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
9461                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
9462                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTADC1S3115309&quot;,&quot;year&quot;:&quot;2025&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:335.59,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;S3115309A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
9463                                                                            >
9464                                                                            CALL (805) 790-9466
9465                                                                        </a>
9466                                                                    </div>
9467
9468
9469
9470
9471                                    </div>
9472                                </object>
9473                            </template>
9474
9475                            <div class="mt-3">
9476
9477
9478                                <div class="inventory-btns" style="width:100%;" v-cloak>
9479
9480
9481                                    <object class="d-flex flex-column primary-inventory-btn-group">
9482                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9483                                        <div class="pi-pullup-container"></div>
9484                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
9485
9486                                        <div class="dvs_vin_btn" vin="4S4BTADC1S3115309"></div>
9487
9488
9489
9490
9491
9492
9493                                    </object>
9494
9495
9496
9497
9498
9499
9500
9501
9502
9503                                    
9504
9505
9506
9507
9508
9509
9510
9511
9512
9513                                </div>
9514
9515
9516                                    <div class="my-2 w-100 text-center">
9517                                        <div class="les_video" les_vin="4S4BTADC1S3115309"></div>
9518                                    </div>
9519
9520
9521
9522
9523                            </div>
9524
9525                            <active-engage-widget v-if="isEnableActivEngageSrp"
9526                                                custom-class="py-2 ft-12"></active-engage-widget>
9527                        <div class="srp-tabs-section mt-3">
9528                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
9529                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTADC1S3115309'] || 'payments') === 'details' }"
9530                                    tabindex="0" role="tab"
9531                                    aria-label="Details"
9532                                    :aria-selected="(activeTabsByVin['4S4BTADC1S3115309'] || 'payments') === 'details'"
9533                                    aria-controls="tab-panel-details-4S4BTADC1S3115309"
9534                                    @click.stop.prevent="setActiveTab('details', '4S4BTADC1S3115309')"
9535                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4BTADC1S3115309')">
9536                                        Details
9537                                    </div>
9538                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTADC1S3115309'] || 'payments') === 'payments' }"
9539                                tabindex="0" role="tab"
9540                                aria-label="Pricing"
9541                                :aria-selected="(activeTabsByVin['4S4BTADC1S3115309'] || 'payments') === 'payments'"
9542                                aria-controls="tab-panel-payments-4S4BTADC1S3115309"
9543                                @click.stop.prevent="setActiveTab('payments', '4S4BTADC1S3115309')"
9544                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4BTADC1S3115309')">
9545                                    Pricing
9546                                </div>
9547                            </div>
9548
9549                            <div class="srp-tab-content">
9550                                <div :class="(activeTabsByVin['4S4BTADC1S3115309'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4BTADC1S3115309" aria-label="Details">
9551                                    <div class="vehicle-details-list">
9552
9553
9554                                            <div class="details-item-row">
9555                                                <div class="details-item-label">Stock #</div>
9556                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
9557                                                    <div id="copy_stock" class="d-inline">S3115309A</div>
9558                                                </div>
9559                                            </div>
9560
9561                                        
9562
9563
9564
9565
9566
9567                                                <div class="details-item-row">
9568                                                    <div class="details-item-label">Mileage</div>
9569                                                    <div class="details-item-value">44,089 Miles</div>
9570                                                </div>
9571
9572                                    </div>
9573
9574                                </div>
9575                                <div :class="(activeTabsByVin['4S4BTADC1S3115309'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4BTADC1S3115309" aria-label="Pricing">
9576                                            <div class="msrppanel-label">
9577                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):showMsrp)'>
9578
9579
9580                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26900' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9581                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
9582                                                                                        
9583
9584<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
9585    KBB Price
9586</div>
9587<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,900</div>
9588
9589
9590                                                                                    </div>
9591                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$1,295</span> </div>
9592                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
9593                                                                                                <div>
9594                                                                                                    Doc Fee
9595                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
9596                                                                                                </div>
9597                                                                                                <div class="d-flex pl-2">
9598                                                                                                    &#x2B;$85
9599                                                                                                </div>
9600                                                                                            </div>
9601                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
9602                                                                                                <div>
9603                                                                                                    EVR
9604                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
9605                                                                                                </div>
9606                                                                                                <div class="d-flex pl-2">
9607                                                                                                    &#x2B;$37
9608                                                                                                </div>
9609                                                                                            </div>
9610                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
9611                                                                                                <div>
9612                                                                                                    Emissions Test
9613                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
9614                                                                                                </div>
9615                                                                                                <div class="d-flex pl-2">
9616                                                                                                    &#x2B;$59
9617                                                                                                </div>
9618                                                                                            </div>
9619                                                                            <div id="4s4btadc1s3115309-unl
9619ock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
9620                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
9621                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
9622                                                                                </span>
9623                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4btadc1s3115309-unlock-discount-price"></label></span>
9624                                                                            </div>
9625                                                                            <div id="4s4btadc1s3115309-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'>
9626                                                                                <div class="mr-2" style="color:#1971d4">
9627                                                                                    <span id="4s4btadc1s3115309-selling-price-label" class="p-0">Your Price</span>
9628                                                                                </div>
9629                                                                                <div id="4s4btadc1s3115309-your-price-hide" class=" " style="color:#1971d4">$25,786</div>
9630                                                                            </div>
9631                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
9632                                                                                <div class="mr-2" style="color:#1971d4">
9633                                                                                    <span id="4s4btadc1s3115309-selling-price-label" class="p-0">Your Price</span>
9634                                                                                </div>
9635                                                                                <div id="4s4btadc1s3115309-your-price" class=" " style="color:#1971d4">$25,786</div>
9636                                                                            </div>
9637
9638
9639
9640
9641                                                        <total-incentive-discount qualified-data=''
9642                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
9643                                                                                :pricedata="{'msrp':'26900','yourPrice':'25786.0'}"
9644                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
9645                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
9646                                                    <div class="color-black ft-16 mt-1">
9647            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
9648                Disclosure
9649            </div>
9650</div>
9651
9652                                                </div>
9653
9654                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTADC1S3115309", "true"==="true"):!showMsrp )'>
9655                                                                    <div v-if="!unlockHideMsrp">
9656                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26900' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
9657                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
9658                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
9659                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,900</div>
9660                                                                        </div>
9661                                                                    </div>
9662
9663                                                </div>
9664                                            </div>
9665                                </div>
9666                            </div>
9667                        </div>
9668                        <div id="cta-params-4S4BTADC1S3115309"
9669                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:25786.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
9670                        </div>
9671
9672                        <div>
9673
9674                            <vehicle-badges model="Outback"
9675                                            :current="'srp'"
9676                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
9677                                            :eyesight="'False'"
9678                                            :starlink="'False'"
9679                                            :von="''"
9680                                            :onorder="''"
9681                                            :vin="'4S4BTADC1S3115309'"
9682                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash'"
9683                                            :vehicle-badges-top-srp="'False'"
9684                                            :year="'2025'"
9685                                            :in-transit-background-color-srp="''"
9686                                            :in-transit-badge-color-srp="''"
9687                                            :in-production-background-color-srp="''"
9688                                            :in-production-badge-color-srp="''"
9689                                            @opendisclaimer="openDisclaimerPopup($event)">
9690                            </vehicle-badges>
9691
9692                                <div class="d-flex flex-wrap">
9693                                    
9694
9695
9696
9697
9698
9699
9700                                </div>
9701                        </div>
9702
9703
9704
9705                        <div class="d-flex flex-wrap srp-certified-img-section">
9706
9707
9708                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
9709                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
9710                                        </div>
9711
9712                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/ZSSKHuQ6LHk-9TJGYzCxiLXXomLGC3na_6G32OLXDvSqJvr3IOa9UDxE7pLJtzm-Tl8FhvT4ByagiIvKeXzNGrdroNyj7i4I6DU')">
9713                                        <img src="https://partnerstatic.
9713carfax.com/img/valuebadge/1own_great.svg"
9714                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
9715                                    </div>
9716
9717
9718
9719
9720
9721                        </div>
9722
9723                        <div v-if="currentTheme == 'subaru'" class="mt-3">
9724                            <subaru-badge-new model="Outback"
9725                                            year="2025"
9726                                            make="Subaru"
9727                                            type="Used"
9728                                            :current="'srp'"
9729                                            :transit="'False'"
9730                                            :eyesight="'False'"
9731                                            :starlink="'False'"
9732                                            :von="''"
9733                                            :onorder="''"
9734                                            :vin="'4S4BTADC1S3115309'"
9735                                            :hide-in-transit="'False'"
9736                                            :vehicle-badges-top-srp="'False'"
9737                                            :subaru-consumer-report-class="''"
9738                                            :in-transit-background-color-srp="''"
9739                                            :in-transit-badge-color-srp="''"
9740                                            >
9741                            </subaru-badge-new>
9742                        </div>
9743
9744                    </div>
9745                </div>
9746
9747
9748
9749            </div>
9750        </a>
9751        <template v-if="true">
9752            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
9753                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4BTADC1S3115309'" class="vehicle-data-overlay-container"
9754                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
9755                     @keydown.esc.prevent="closeDetailsOverlay()"
9756                     @keydown.tab="srpOverlayTrapFocus($event)">
9757                    <div class="vehicle-overlay-data">
9758                        <div class="srp-overlay-options">
9759                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9760                                <div class="d-flex align-items-center" style="gap: 20px;">
9761                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
9762                                     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>
9763                                    <h3 class="mb-0">Options</h3>
9764                                </div>
9765                                <div>
9766                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
9767                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
9768                                </div>
9769                            </div>
9770
9771                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
9772                                <div class="overlay-nav-items px-3 pt-4">
9773                                    <div class="d-flex overlay-nav-item" tabindex="0"
9774                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTADC1S3115309', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTADC1S3115309', overlayType: 'share-options', label: 'Share' })">
9775                                        <em class="primaryicon-share-icon"></em>
9776                                        <span>Share</span>
9777                                    </div>
9778
9779                                        <div class="d-flex overlay-nav-item"
9780                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTADC1S3115309', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTADC1S3115309', overlayType: 'key-features', label: 'Key Features' })">
9781                                            <em class="primaryicon-key-features-icon"></em>
9782                                            <span>Key Features</span>
9783                                        </div>
9784                                </div>
9785
9786                                <div class="pt-4 px-3 mt-3">
9787                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash")' target="_self"
9788                                        @keydown.space.prevent="$event.currentTarget.click()"
9789                                        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:">
9790                                        View Details
9791                                    </a>
9792                                </div>
9793                            </div>
9794                        </div>
9795                    </div>
9796                </div>
9797            </transition>
9798            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
9799                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4BTADC1S3115309'"
9800                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
9801                     @keydown.esc.prevent="navigateToDetailsOverlay()"
9802                     @keydown.tab="srpOverlayTrapFocus($event)">
9803                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
9804                        <div class="d-flex align-items-center" style="gap: 20px;">
9805                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
9806                            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>
9807                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
9808                        </div>
9809                        <div>
9810                            <em class="primaryicon-close-icon-gray"
9811                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
9812                        </div>
9813                    </div>
9814                    <div class="mt-3 pt-4 overlay-section-links">
9815                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
9816                        <template v-if="!isLoadingOverlayDetails">
9817                            <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>
9818                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash" vehicle-name="Used 2025 Subaru Outback Premium" :page-type-id="18" :style-id="454875" class="overlay-section-content"></share-options>
9819                            <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>
9820                        </template>
9821                    </div>
9822                </div>
9823            </transition>
9824        </template>
9825    </div>
9826        
9826<script type="application/javascript">
9827
9828            var rebatesString = "[]";
9829            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
9830            localStorage.setItem("4S4GUHF6XR3738991-rebates", formattedRebatesString);
9831
9832        </script>
9832
9833<div data-itemid="Subaru-Crosstrek-Sport-4S4GUHF6XR3738991" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
9834        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4GUHF6XR3738991", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "10",msrp:"29456",yourPrice:"25851.0",sellingPrice:"25670",type:"Used",title:`2024 Subaru Crosstrek Sport`},"true"==="true"), setVintoTransact("4S4GUHF6XR3738991", $event,{styleId:"437882"})'
9835        @mouseleave="clearMouseHoverValue()"
9836        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
9837        used-large-box" style="height: 100%;">
9838
9839            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
9840                <div class="position-relative">
9841                    <div class="srp-top-badges">
9842                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
9843                            <div class="d-flex align-items-center gap-10">
9844                                            <div class="specials-indicator-wrapper">
9845                                                <inventory-specials-indicator
9846                                                bg-color=""
9847                                                text="">
9848                                                </inventory-specials-indicator>
9849                                            </div>
9850                            </div>
9851                        </div>
9852
9853                    </div>
9854
9855
9856                    <div id="EZ360_CVDP"></div>
9857
9858                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
9859                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4GUHF6XR3738991'" class="vehicle-box__image">
9860                                    <img src="https://cdn.max.auto/t_hres/108741/4S4GUHF6XR3738991/6a815cf706a8025f6635d244.jpg" class="img-fluid srp-vehiclebox-image"
9861                                    title="2024 Subaru Crosstrek Sport" alt="2024 Subaru Crosstrek Sport" />
9862
9863                        </div>
9864
9865                        <div class="dp-srp-evox-media-4S4GUHF6XR3738991" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4GUHF6XR3738991'"></div>
9866
9867                        <div class="vehicle-info-icon">
9868                            <em
9869                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4GUHF6XR3738991')"
9870                            class="primaryicon-options-btn-new info-icon-css"
9871                            data-vin="4S4GUHF6XR3738991"
9872                            tabindex="0"
9873                            role="button"
9874                            aria-label="Vehicle info"
9875                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4GUHF6XR3738991')"
9876                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4GUHF6XR3738991')"
9877                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
9878                        </div>
9879                    </div>
9880
9881
9882                    <div class="vehiclebox-info-section p-3">
9883                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
9884                            <div class="d-flex">
9885                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
9886                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
9887                                        2024 Subaru Crosstrek Sport
9888                                    </h2>
9889                                </div>
9890                            </div>
9891                        </div>
9892
9893                        <div class="vehicle-summary-section mt-3 ">
9894                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
9895                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
9896            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):showMsrp)'>
9897                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
9898                                            <div class="mr-2" style="color:#1971d4">
9899                                                <span id="4s4guhf6xr3738991-price-summary-label">Your Price</span>
9900                                            </div>
9901                                            <div id="4s4guhf6xr3738991-price-summary-value" class=" " style="color:#1971d4">$25,851</div>
9902                                        </div>
9903
9904            </div>
9905            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):!showMsrp )'>
9906                                <div v-if="!unlockHideMsrp">
9907                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
9908                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
9909                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$29,456</div>
9910                                    </div>
9911                                </div>
9912
9913            </div>
9914        </div>
9915
9916                            </div>
9917
9918                                <template v-if="true">
9919                                    <div class="vehicle-summary-cta flex-1">
9920                                        <object>
9921                                               <div class="primary-button-parent">
9922        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
9923           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4GUHF6XR3738991");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
9924           @keydown.space.prevent="$event.currentTarget.click()"
9925           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
9926           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
9927            CALCULATE PAYMENTS
9928        </a>
9929    </div>
9930
9931                                        </object>
9932                                    </div>
9933                                </template>
9934                        </div>
9935<div class="color-black ft-16 mt-1">
9936            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
9937                Disclosure
9938            </div>
9939</div>
9940
9941
9942                        <div class="show section-separator my-4"></div>
9943
9944
9945                            <template v-if="true">
9946                                <object>
9947                                    <div class="app-level-cta-container">
9948
9949
9950
9951
9952
9953
9954
9955                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4GUHF6XR3738991","true"==="true"))' class="primary-button-parent">
9956                                                    <a :style="ctaBtnStyles"
9957                                                     tabindex="0" role="button"
9958                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash", "4S4GUHF6XR3738991", "Used")'
9959                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash", "4S4GUHF6XR3738991", "Used")'
9960                                                    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">
9961                                                        {{inventorySettings.data.buttonLabel}}
9962                                                    </a>
9963                                                 </div>
9964                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
9965                                                                    <a v-if="applySecondary
9965Design" href=""
9966                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
9967                                                                        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"
9968                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9969                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9970                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9971                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
9972                                                                    <a v-else href=""
9973                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
9974                                                                        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"
9975                                                                        @click.prevent="
9976                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9977                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
9978                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9979                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
9980                                                                        GET MORE INFORMATION
9981                                                                    </a>
9982                                                                </div>
9983                                                                    <div class="primary-button-parent">
9984                                                                        <a v-if="applySecondary
9984Design"
9985                                                                            href="javascript:void(0)"
9986                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
9987                                                                            class=" 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"
9988                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9989                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
9990                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
9991                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
9992                                                                            CALL (805) 790-9466
9993                                                                        </a>
9994                                                                        <a v-else
9995                                                                            href="javascript:void(0)"
9996                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
9997                                                                            class=" 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"
9998                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
9999                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
10000                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
10001                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF6XR3738991&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:336.44,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3738991P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
10002                                                                            >
10003                                                                            CALL (805) 790-9466
10004                                                                        </a>
10005                                                                    </div>
10006
10007
10008
10009
10010                                    </div>
10011                                </object>
10012                            </template>
10013
10014                            <div class="mt-3">
10015
10016
10017                                <div class="inventory-btns" style="width:100%;" v-cloak>
10018
10019
10020                                    <object class="d-flex flex-column primary-inventory-btn-group">
10021                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
10022                                        <div class="pi-pullup-container"></div>
10023                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
10024
10025                                        <div class="dvs_vin_btn" vin="4S4GUHF6XR3738991"></div>
10026
10027
10028
10029
10030
10031
10032                                    </object>
10033
10034
10035
10036
10037
10038
10039
10040
10041
10042                                    
10043
10044
10045
10046
10047
10048
10049
10050
10051
10052                                </div>
10053
10054
10055                                    <div class="my-2 w-100 text-center">
10056                                        <div class="les_video" les_vin="4S4GUHF6XR3738991"></div>
10057                                    </div>
10058
10059
10060
10061
10062                            </div>
10063
10064                            <active-engage-widget v-if="isEnableActivEngageSrp"
10065                                                custom-class="py-2 ft-12"></active-engage-widget>
10066                        <div class="srp-tabs-section mt-3">
10067                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
10068                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHF6XR3738991'] || 'payments') === 'details' }"
10069                                    tabindex="0" role="tab"
10070                                    aria-label="Details"
10071                                    :aria-selected="(activeTabsByVin['4S4GUHF6XR3738991'] || 'payments') === 'details'"
10072                                    aria-controls="tab-panel-details-4S4GUHF6XR3738991"
10073                                    @click.stop.prevent="setActiveTab('details', '4S4GUHF6XR3738991')"
10074                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4GUHF6XR3738991')">
10075                                        Details
10076                                    </div>
10077                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHF6XR3738991'] || 'payments') === 'payments' }"
10078                                tabindex="0" role="tab"
10079                                aria-label="Pricing"
10080                                :aria-selected="(activeTabsByVin['4S4GUHF6XR3738991'] || 'payments') === 'payments'"
10081                                aria-controls="tab-panel-payments-4S4GUHF6XR3738991"
10082                                @click.stop.prevent="setActiveTab('payments', '4S4GUHF6XR3738991')"
10083                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4GUHF6XR3738991')">
10084                                    Pricing
10085                                </div>
10086                            </div>
10087
10088                            <div class="srp-tab-content">
10089                                <div :class="(activeTabsByVin['4S4GUHF6XR3738991'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4GUHF6XR3738991" aria-label="Details">
10090                                    <div class="vehicle-details-list">
10091
10092
10093                                            <div class="details-item-row">
10094                                                <div class="details-item-label">Stock #</div>
10095                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
10096                                                    <div id="copy_stock" class="d-inline">R3738991P</div>
10097                                                </div>
10098                                            </div>
10099
10100                                        
10101
10102
10103
10104
10105
10106                                                <div class="details-item-row">
10107                                                    <div class="details-item-label">Mileage</div>
10108                                                    <div class="details-item-value">14,165 Miles</div>
10109                                                </div>
10110
10111                                    </div>
10112
10113                                </div>
10114                                <div :class="(activeTabsByVin['4S4GUHF6XR3738991'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4GUHF6XR3738991" aria-label="Pricing">
10115                                            <div class="msrppanel-label">
10116                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):showMsrp)'>
10117
10118
10119                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-29456' :sh
10119owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10120                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
10121                                                                                        
10122
10123<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
10124    KBB Price
10125</div>
10126<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$29,456</div>
10127
10128
10129                                                                                    </div>
10130                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$3,786</span> </div>
10131                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
10132                                                                                                <div>
10133                                                                                                    Doc Fee
10134                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10135                                                                                                </div>
10136                                                                                                <div class="d-flex pl-2">
10137                                                                                                    &#x2B;$85
10138                                                                                                </div>
10139                                                                                            </div>
10140                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
10141                                                                                                <div>
10142                                                                                                    EVR
10143                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10144                                                                                                </div>
10145                                                                                                <div class="d-flex pl-2">
10146                                                                                                    &#x2B;$37
10147                                                                                                </div>
10148                                                                                            </div>
10149                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
10150                                                                                                <div>
10151                                                                                                    Emissions Test
10152                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10153                                                                                                </div>
10154                                                                                                <div class="d-flex pl-2">
10155                                                                                                    &#x2B;$59
10156                                                                                                </div>
10157                                                                                            </div>
10158                                                                            <div id="4s4guhf6xr3738991-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
10159                                                                                <sp
10159an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
10160                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
10161                                                                                </span>
10162                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4guhf6xr3738991-unlock-discount-price"></label></span>
10163                                                                            </div>
10164                                                                            <div id="4s4guhf6xr3738991-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'>
10165                                                                                <div class="mr-2" style="color:#1971d4">
10166                                                                                    <span id="4s4guhf6xr3738991-selling-price-label" class="p-0">Your Price</span>
10167                                                                                </div>
10168                                                                                <div id="4s4guhf6xr3738991-your-price-hide" class=" " style="color:#1971d4">$25,851</div>
10169                                                                            </div>
10170                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
10171                                                                                <div class="mr-2" style="color:#1971d4">
10172                                                                                    <span id="4s4guhf6xr3738991-selling-price-label" class="p-0">Your Price</span>
10173                                                                                </div>
10174                                                                                <div id="4s4guhf6xr3738991-your-price" class=" " style="color:#1971d4">$25,851</div>
10175                                                                            </div>
10176
10177
10178
10179
10180                                                        <total-incentive-discount qualified-data=''
10181                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
10182                                                                                :pricedata="{'msrp':'29456','yourPrice':'25851.0'}"
10183                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
10184                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
10185                                                    <div class="color-black ft-16 mt-1">
10186            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
10187                Disclosure
10188            </div>
10189</div>
10190
10191                                                </div>
10192
10193                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF6XR3738991", "true"==="true"):!showMsrp )'>
10194                                                                    <div v-if="!unlockHideMsrp">
10195                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-29456' :sh
10195owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10196                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
10197                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
10198                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$29,456</div>
10199                                                                        </div>
10200                                                                    </div>
10201
10202                                                </div>
10203                                            </div>
10204                                </div>
10205                            </div>
10206                        </div>
10207                        <div id="cta-params-4S4GUHF6XR3738991"
10208                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:25851.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
10209                        </div>
10210
10211                        <div>
10212
10213                            <vehicle-badges model="Crosstrek"
10214                                            :current="'srp'"
10215                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
10216                                            :eyesight="'False'"
10217                                            :starlink="'False'"
10218                                            :von="''"
10219                                            :onorder="''"
10220                                            :vin="'4S4GUHF6XR3738991'"
10221                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash'"
10222                                            :vehicle-badges-top-srp="'False'"
10223                                            :year="'2024'"
10224                                            :in-transit-background-color-srp="''"
10225                                            :in-transit-badge-color-srp="''"
10226                                            :in-production-background-color-srp="''"
10227                                            :in-production-badge-color-srp="''"
10228                                            @opendisclaimer="openDisclaimerPopup($event)">
10229                            </vehicle-badges>
10230
10231                                <div class="d-flex flex-wrap">
10232                                    
10233
10234
10235
10236
10237
10238
10239                                </div>
10240                        </div>
10241
10242
10243
10244                        <div class="d-flex flex-wrap srp-certified-img-section">
10245
10246
10247                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
10248                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
10249                                        </div>
10250
10251                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/TgPAscDoWqP_6j3x4KVPxXUQ8cz1bxpzdIhhuMsqLzM9DBHZPehqDFytejOt1_bC4KMoR1IIopPe-mhparcmf0VbXkyER1Ty_Dc')">
10252                                        <img src="https://partnerstatic.
10252carfax.com/img/valuebadge/great.svg"
10253                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
10254                                    </div>
10255
10256
10257
10258
10259
10260                        </div>
10261
10262                        <div v-if="currentTheme == 'subaru'" class="mt-3">
10263                            <subaru-badge-new model="Crosstrek"
10264                                            year="2024"
10265                                            make="Subaru"
10266                                            type="Used"
10267                                            :current="'srp'"
10268                                            :transit="'False'"
10269                                            :eyesight="'False'"
10270                                            :starlink="'False'"
10271                                            :von="''"
10272                                            :onorder="''"
10273                                            :vin="'4S4GUHF6XR3738991'"
10274                                            :hide-in-transit="'False'"
10275                                            :vehicle-badges-top-srp="'False'"
10276                                            :subaru-consumer-report-class="''"
10277                                            :in-transit-background-color-srp="''"
10278                                            :in-transit-badge-color-srp="''"
10279                                            >
10280                            </subaru-badge-new>
10281                        </div>
10282
10283                    </div>
10284                </div>
10285
10286
10287
10288            </div>
10289        </a>
10290        <template v-if="true">
10291            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
10292                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4GUHF6XR3738991'" class="vehicle-data-overlay-container"
10293                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
10294                     @keydown.esc.prevent="closeDetailsOverlay()"
10295                     @keydown.tab="srpOverlayTrapFocus($event)">
10296                    <div class="vehicle-overlay-data">
10297                        <div class="srp-overlay-options">
10298                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10299                                <div class="d-flex align-items-center" style="gap: 20px;">
10300                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
10301                                     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>
10302                                    <h3 class="mb-0">Options</h3>
10303                                </div>
10304                                <div>
10305                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
10306                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
10307                                </div>
10308                            </div>
10309
10310                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
10311                                <div class="overlay-nav-items px-3 pt-4">
10312                                    <div class="d-flex overlay-nav-item" tabindex="0"
10313                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF6XR3738991', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF6XR3738991', overlayType: 'share-options', label: 'Share' })">
10314                                        <em class="primaryicon-share-icon"></em>
10315                                        <span>Share</span>
10316                                    </div>
10317
10318                                        <div class="d-flex overlay-nav-item"
10319                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF6XR3738991', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF6XR3738991', overlayType: 'key-features', label: 'Key Features' })">
10320                                            <em class="primaryicon-key-features-icon"></em>
10321                                            <span>Key Features</span>
10322                                        </div>
10323                                </div>
10324
10325                                <div class="pt-4 px-3 mt-3">
10326                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash")' target="_self"
10327                                        @keydown.space.prevent="$event.currentTarget.click()"
10328                                        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:">
10329                                        View Details
10330                                    </a>
10331                                </div>
10332                            </div>
10333                        </div>
10334                    </div>
10335                </div>
10336            </transition>
10337            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
10338                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4GUHF6XR3738991'"
10339                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
10340                     @keydown.esc.prevent="navigateToDetailsOverlay()"
10341                     @keydown.tab="srpOverlayTrapFocus($event)">
10342                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10343                        <div class="d-flex align-items-center" style="gap: 20px;">
10344                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
10345                            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>
10346                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
10347                        </div>
10348                        <div>
10349                            <em class="primaryicon-close-icon-gray"
10350                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
10351                        </div>
10352                    </div>
10353                    <div class="mt-3 pt-4 overlay-section-links">
10354                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
10355                        <template v-if="!isLoadingOverlayDetails">
10356                            <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>
10357                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2024 Subaru Crosstrek Sport" :page-type-id="18" :style-id="437882" class="overlay-section-content"></share-options>
10358                            <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>
10359                        </template>
10360                    </div>
10361                </div>
10362            </transition>
10363        </template>
10364    </div>
10365        
10365<script type="application/javascript">
10366
10367            var rebatesString = "[]";
10368            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
10369            localStorage.setItem("JF2GTHMC3P8205737-rebates", formattedRebatesString);
10370
10371        </script>
10371
10372<div data-itemid="Subaru-Crosstrek-Limited-JF2GTHMC3P8205737" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
10373        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2GTHMC3P8205737", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "11",msrp:"26447",yourPrice:"25963.0",sellingPrice:"25782",type:"Used",title:`2023 Subaru Crosstrek Limited`},"true"==="true"), setVintoTransact("JF2GTHMC3P8205737", $event,{styleId:"428566"})'
10374        @mouseleave="clearMouseHoverValue()"
10375        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
10376        used-large-box" style="height: 100%;">
10377
10378            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
10379                <div class="position-relative">
10380                    <div class="srp-top-badges">
10381                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
10382                            <div class="d-flex align-items-center gap-10">
10383                                            <div class="specials-indicator-wrapper">
10384                                                <inventory-specials-indicator
10385                                                bg-color=""
10386                                                text="">
10387                                                </inventory-specials-indicator>
10388                                            </div>
10389                            </div>
10390                        </div>
10391
10392                    </div>
10393
10394
10395                    <div id="EZ360_CVDP"></div>
10396
10397                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
10398                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2GTHMC3P8205737'" class="vehicle-box__image">
10399                                    <img src="https://cdn.max.auto/t_hres/108741/JF2GTHMC3P8205737/6aaae427050dae99f5bed441.jpg" class="img-fluid srp-vehiclebox-image"
10400                                    title="2023 Subaru Crosstrek Limited" alt="2023 Subaru Crosstrek Limited" />
10401
10402                        </div>
10403
10404                        <div class="dp-srp-evox-media-JF2GTHMC3P8205737" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2GTHMC3P8205737'"></div>
10405
10406                        <div class="vehicle-info-icon">
10407                            <em
10408                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2GTHMC3P8205737')"
10409                            class="primaryicon-options-btn-new info-icon-css"
10410                            data-vin="JF2GTHMC3P8205737"
10411                            tabindex="0"
10412                            role="button"
10413                            aria-label="Vehicle info"
10414                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2GTHMC3P8205737')"
10415                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2GTHMC3P8205737')"
10416                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
10417                        </div>
10418                    </div>
10419
10420
10421                    <div class="vehiclebox-info-section p-3">
10422                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
10423                            <div class="d-flex">
10424                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
10425                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
10426                                        2023 Subaru Crosstrek Limited
10427                                    </h2>
10428                                </div>
10429                            </div>
10430                        </div>
10431
10432                        <div class="vehicle-summary-section mt-3 ">
10433                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
10434                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
10435            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):showMsrp)'>
10436                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
10437                                            <div class="mr-2" style="color:#1971d4">
10438                                                <span id="jf2gthmc3p8205737-price-summary-label">Your Price</span>
10439                                            </div>
10440                                            <div id="jf2gthmc3p8205737-price-summary-value" class=" " style="color:#1971d4">$25,963</div>
10441                                        </div>
10442
10443            </div>
10444            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):!showMsrp )'>
10445                                <div v-if="!unlockHideMsrp">
10446                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
10447                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
10448                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,447</div>
10449                                    </div>
10450                                </div>
10451
10452            </div>
10453        </div>
10454
10455                            </div>
10456
10457                                <template v-if="true">
10458                                    <div class="vehicle-summary-cta flex-1">
10459                                        <object>
10460                                               <div class="primary-button-parent">
10461        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
10462           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2GTHMC3P8205737");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
10463           @keydown.space.prevent="$event.currentTarget.click()"
10464           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
10465           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
10466            CALCULATE PAYMENTS
10467        </a>
10468    </div>
10469
10470                                        </object>
10471                                    </div>
10472                                </template>
10473                        </div>
10474<div class="color-black ft-16 mt-1">
10475            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
10476                Disclosure
10477            </div>
10478</div>
10479
10480
10481                        <div class="show section-separator my-4"></div>
10482
10483
10484                            <template v-if="true">
10485                                <object>
10486                                    <div class="app-level-cta-container">
10487
10488
10489
10490
10491
10492
10493
10494                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2GTHMC3P8205737","true"==="true"))' class="primary-button-parent">
10495                                                    <a :style="ctaBtnStyles"
10496                                                     tabindex="0" role="button"
10497                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash", "JF2GTHMC3P8205737", "Used")'
10498                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash", "JF2GTHMC3P8205737", "Used")'
10499                                                    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">
10500                                                        {{inventorySettings.data.buttonLabel}}
10501                                                    </a>
10502                                                 </div>
10503                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
10504                                                                    <a v-if="applySecondary
10504Design" href=""
10505                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
10506                                                                        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"
10507                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10508                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10509                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
10510                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
10511                                                                    <a v-else href=""
10512                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
10513                                                                        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"
10514                                                                        @click.prevent="
10515                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10516                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
10517                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
10518                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
10519                                                                        GET MORE INFORMATION
10520                                                                    </a>
10521                                                                </div>
10522                                                                    <div class="primary-button-parent">
10523                                                                        <a v-if="applySecondary
10523Design"
10524                                                                            href="javascript:void(0)"
10525                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
10526                                                                            class=" 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"
10527                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
10528                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
10529                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
10530                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
10531                                                                            CALL (805) 790-9466
10532                                                                        </a>
10533                                                                        <a v-else
10534                                                                            href="javascript:void(0)"
10535                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
10536                                                                            class=" 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"
10537                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
10538                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
10539                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
10540                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHMC3P8205737&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:337.90,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P8205737A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
10541                                                                            >
10542                                                                            CALL (805) 790-9466
10543                                                                        </a>
10544                                                                    </div>
10545
10546
10547
10548
10549                                    </div>
10550                                </object>
10551                            </template>
10552
10553                            <div class="mt-3">
10554
10555
10556                                <div class="inventory-btns" style="width:100%;" v-cloak>
10557
10558
10559                                    <object class="d-flex flex-column primary-inventory-btn-group">
10560                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
10561                                        <div class="pi-pullup-container"></div>
10562                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
10563
10564                                        <div class="dvs_vin_btn" vin="JF2GTHMC3P8205737"></div>
10565
10566
10567
10568
10569
10570
10571                                    </object>
10572
10573
10574
10575
10576
10577
10578
10579
10580
10581                                    
10582
10583
10584
10585
10586
10587
10588
10589
10590
10591                                </div>
10592
10593
10594                                    <div class="my-2 w-100 text-center">
10595                                        <div class="les_video" les_vin="JF2GTHMC3P8205737"></div>
10596                                    </div>
10597
10598
10599
10600
10601                            </div>
10602
10603                            <active-engage-widget v-if="isEnableActivEngageSrp"
10604                                                custom-class="py-2 ft-12"></active-engage-widget>
10605                        <div class="srp-tabs-section mt-3">
10606                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
10607                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTHMC3P8205737'] || 'payments') === 'details' }"
10608                                    tabindex="0" role="tab"
10609                                    aria-label="Details"
10610                                    :aria-selected="(activeTabsByVin['JF2GTHMC3P8205737'] || 'payments') === 'details'"
10611                                    aria-controls="tab-panel-details-JF2GTHMC3P8205737"
10612                                    @click.stop.prevent="setActiveTab('details', 'JF2GTHMC3P8205737')"
10613                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2GTHMC3P8205737')">
10614                                        Details
10615                                    </div>
10616                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTHMC3P8205737'] || 'payments') === 'payments' }"
10617                                tabindex="0" role="tab"
10618                                aria-label="Pricing"
10619                                :aria-selected="(activeTabsByVin['JF2GTHMC3P8205737'] || 'payments') === 'payments'"
10620                                aria-controls="tab-panel-payments-JF2GTHMC3P8205737"
10621                                @click.stop.prevent="setActiveTab('payments', 'JF2GTHMC3P8205737')"
10622                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2GTHMC3P8205737')">
10623                                    Pricing
10624                                </div>
10625                            </div>
10626
10627                            <div class="srp-tab-content">
10628                                <div :class="(activeTabsByVin['JF2GTHMC3P8205737'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2GTHMC3P8205737" aria-label="Details">
10629                                    <div class="vehicle-details-list">
10630
10631
10632                                            <div class="details-item-row">
10633                                                <div class="details-item-label">Stock #</div>
10634                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
10635                                                    <div id="copy_stock" class="d-inline">P8205737A</div>
10636                                                </div>
10637                                            </div>
10638
10639                                        
10640
10641
10642
10643
10644
10645                                                <div class="details-item-row">
10646                                                    <div class="details-item-label">Mileage</div>
10647                                                    <div class="details-item-value">47,828 Miles</div>
10648                                                </div>
10649
10650                                    </div>
10651
10652                                </div>
10653                                <div :class="(activeTabsByVin['JF2GTHMC3P8205737'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2GTHMC3P8205737" aria-label="Pricing">
10654                                            <div class="msrppanel-label">
10655                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):showMsrp)'>
10656
10657
10658                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26447' :sh
10658owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10659                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
10660                                                                                        
10661
10662<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
10663    KBB Price
10664</div>
10665<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$26,447</div>
10666
10667
10668                                                                                    </div>
10669                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$665</span> </div>
10670                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
10671                                                                                                <div>
10672                                                                                                    Doc Fee
10673                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10674                                                                                                </div>
10675                                                                                                <div class="d-flex pl-2">
10676                                                                                                    &#x2B;$85
10677                                                                                                </div>
10678                                                                                            </div>
10679                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
10680                                                                                                <div>
10681                                                                                                    EVR
10682                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10683                                                                                                </div>
10684                                                                                                <div class="d-flex pl-2">
10685                                                                                                    &#x2B;$37
10686                                                                                                </div>
10687                                                                                            </div>
10688                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
10689                                                                                                <div>
10690                                                                                                    Emissions Test
10691                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
10692                                                                                                </div>
10693                                                                                                <div class="d-flex pl-2">
10694                                                                                                    &#x2B;$59
10695                                                                                                </div>
10696                                                                                            </div>
10697                                                                            <div id="jf2gthmc3p8205737-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
10698                                                                                <sp
10698an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
10699                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
10700                                                                                </span>
10701                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2gthmc3p8205737-unlock-discount-price"></label></span>
10702                                                                            </div>
10703                                                                            <div id="jf2gthmc3p8205737-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'>
10704                                                                                <div class="mr-2" style="color:#1971d4">
10705                                                                                    <span id="jf2gthmc3p8205737-selling-price-label" class="p-0">Your Price</span>
10706                                                                                </div>
10707                                                                                <div id="jf2gthmc3p8205737-your-price-hide" class=" " style="color:#1971d4">$25,963</div>
10708                                                                            </div>
10709                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
10710                                                                                <div class="mr-2" style="color:#1971d4">
10711                                                                                    <span id="jf2gthmc3p8205737-selling-price-label" class="p-0">Your Price</span>
10712                                                                                </div>
10713                                                                                <div id="jf2gthmc3p8205737-your-price" class=" " style="color:#1971d4">$25,963</div>
10714                                                                            </div>
10715
10716
10717
10718
10719                                                        <total-incentive-discount qualified-data=''
10720                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
10721                                                                                :pricedata="{'msrp':'26447','yourPrice':'25963.0'}"
10722                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
10723                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
10724                                                    <div class="color-black ft-16 mt-1">
10725            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
10726                Disclosure
10727            </div>
10728</div>
10729
10730                                                </div>
10731
10732                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHMC3P8205737", "true"==="true"):!showMsrp )'>
10733                                                                    <div v-if="!unlockHideMsrp">
10734                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-26447' :sh
10734owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
10735                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
10736                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
10737                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$26,447</div>
10738                                                                        </div>
10739                                                                    </div>
10740
10741                                                </div>
10742                                            </div>
10743                                </div>
10744                            </div>
10745                        </div>
10746                        <div id="cta-params-JF2GTHMC3P8205737"
10747                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:25963.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
10748                        </div>
10749
10750                        <div>
10751
10752                            <vehicle-badges model="Crosstrek"
10753                                            :current="'srp'"
10754                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
10755                                            :eyesight="'False'"
10756                                            :starlink="'False'"
10757                                            :von="''"
10758                                            :onorder="''"
10759                                            :vin="'JF2GTHMC3P8205737'"
10760                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash'"
10761                                            :vehicle-badges-top-srp="'False'"
10762                                            :year="'2023'"
10763                                            :in-transit-background-color-srp="''"
10764                                            :in-transit-badge-color-srp="''"
10765                                            :in-production-background-color-srp="''"
10766                                            :in-production-badge-color-srp="''"
10767                                            @opendisclaimer="openDisclaimerPopup($event)">
10768                            </vehicle-badges>
10769
10770                                <div class="d-flex flex-wrap">
10771                                    
10772
10773
10774
10775
10776
10777
10778                                </div>
10779                        </div>
10780
10781
10782
10783                        <div class="d-flex flex-wrap srp-certified-img-section">
10784
10785
10786                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
10787                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
10788                                        </div>
10789
10790                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/e9QLT82GqT7I3sw1KmP7CvL4nkG_RyNuV8b1Zgbec03JMdPvNVmugrAAGu96SEMPzqnS6Ztgmrbef6JV3UodTlyXnn-nDqKmNIc')">
10791                                        <img src="https://partnerstatic.
10791carfax.com/img/valuebadge/1own_good.svg"
10792                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
10793                                    </div>
10794
10795
10796
10797
10798
10799                        </div>
10800
10801                        <div v-if="currentTheme == 'subaru'" class="mt-3">
10802                            <subaru-badge-new model="Crosstrek"
10803                                            year="2023"
10804                                            make="Subaru"
10805                                            type="Used"
10806                                            :current="'srp'"
10807                                            :transit="'False'"
10808                                            :eyesight="'False'"
10809                                            :starlink="'False'"
10810                                            :von="''"
10811                                            :onorder="''"
10812                                            :vin="'JF2GTHMC3P8205737'"
10813                                            :hide-in-transit="'False'"
10814                                            :vehicle-badges-top-srp="'False'"
10815                                            :subaru-consumer-report-class="''"
10816                                            :in-transit-background-color-srp="''"
10817                                            :in-transit-badge-color-srp="''"
10818                                            >
10819                            </subaru-badge-new>
10820                        </div>
10821
10822                    </div>
10823                </div>
10824
10825
10826
10827            </div>
10828        </a>
10829        <template v-if="true">
10830            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
10831                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2GTHMC3P8205737'" class="vehicle-data-overlay-container"
10832                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
10833                     @keydown.esc.prevent="closeDetailsOverlay()"
10834                     @keydown.tab="srpOverlayTrapFocus($event)">
10835                    <div class="vehicle-overlay-data">
10836                        <div class="srp-overlay-options">
10837                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10838                                <div class="d-flex align-items-center" style="gap: 20px;">
10839                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
10840                                     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>
10841                                    <h3 class="mb-0">Options</h3>
10842                                </div>
10843                                <div>
10844                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
10845                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
10846                                </div>
10847                            </div>
10848
10849                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
10850                                <div class="overlay-nav-items px-3 pt-4">
10851                                    <div class="d-flex overlay-nav-item" tabindex="0"
10852                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHMC3P8205737', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHMC3P8205737', overlayType: 'share-options', label: 'Share' })">
10853                                        <em class="primaryicon-share-icon"></em>
10854                                        <span>Share</span>
10855                                    </div>
10856
10857                                        <div class="d-flex overlay-nav-item"
10858                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHMC3P8205737', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHMC3P8205737', overlayType: 'key-features', label: 'Key Features' })">
10859                                            <em class="primaryicon-key-features-icon"></em>
10860                                            <span>Key Features</span>
10861                                        </div>
10862                                </div>
10863
10864                                <div class="pt-4 px-3 mt-3">
10865                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash")' target="_self"
10866                                        @keydown.space.prevent="$event.currentTarget.click()"
10867                                        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:">
10868                                        View Details
10869                                    </a>
10870                                </div>
10871                            </div>
10872                        </div>
10873                    </div>
10874                </div>
10875            </transition>
10876            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
10877                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2GTHMC3P8205737'"
10878                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
10879                     @keydown.esc.prevent="navigateToDetailsOverlay()"
10880                     @keydown.tab="srpOverlayTrapFocus($event)">
10881                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
10882                        <div class="d-flex align-items-center" style="gap: 20px;">
10883                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
10884                            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>
10885                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
10886                        </div>
10887                        <div>
10888                            <em class="primaryicon-close-icon-gray"
10889                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
10890                        </div>
10891                    </div>
10892                    <div class="mt-3 pt-4 overlay-section-links">
10893                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
10894                        <template v-if="!isLoadingOverlayDetails">
10895                            <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>
10896                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2023 Subaru Crosstrek Limited" :page-type-id="18" :style-id="428566" class="overlay-section-content"></share-options>
10897                            <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>
10898                        </template>
10899                    </div>
10900                </div>
10901            </transition>
10902        </template>
10903    </div>
10904        
10904<script type="application/javascript">
10905
10906            var rebatesString = "[]";
10907            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
10908            localStorage.setItem("JF2GTHRC6PH243813-rebates", formattedRebatesString);
10909
10910        </script>
10910
10911<div data-itemid="Subaru-Crosstrek-Sport-JF2GTHRC6PH243813" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
10912        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2GTHRC6PH243813", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "12",msrp:"25847",yourPrice:"26028.0",sellingPrice:"25847",type:"Used",title:`2023 Subaru Crosstrek Sport`},"true"==="true"), setVintoTransact("JF2GTHRC6PH243813", $event,{styleId:"428565"})'
10913        @mouseleave="clearMouseHoverValue()"
10914        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
10915        used-large-box" style="height: 100%;">
10916
10917            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
10918                <div class="position-relative">
10919                    <div class="srp-top-badges">
10920                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
10921                            <div class="d-flex align-items-center gap-10">
10922                            </div>
10923                        </div>
10924
10925                    </div>
10926
10927
10928                    <div id="EZ360_CVDP"></div>
10929
10930                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
10931                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2GTHRC6PH243813'" class="vehicle-box__image">
10932                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2023SUS09_640/2023SUS090032_640_01.jpg" class="img-fluid srp-vehiclebox-image"
10933                                    title="2023 Subaru Crosstrek Sport" alt="2023 Subaru Crosstrek Sport" />
10934
10935                        </div>
10936
10937                        <div class="dp-srp-evox-media-JF2GTHRC6PH243813" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2GTHRC6PH243813'"></div>
10938
10939                        <div class="vehicle-info-icon">
10940                            <em
10941                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2GTHRC6PH243813')"
10942                            class="primaryicon-options-btn-new info-icon-css"
10943                            data-vin="JF2GTHRC6PH243813"
10944                            tabindex="0"
10945                            role="button"
10946                            aria-label="Vehicle info"
10947                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2GTHRC6PH243813')"
10948                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2GTHRC6PH243813')"
10949                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
10950                        </div>
10951                    </div>
10952
10953
10954                    <div class="vehiclebox-info-section p-3">
10955                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
10956                            <div class="d-flex">
10957                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
10958                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
10959                                        2023 Subaru Crosstrek Sport
10960                                    </h2>
10961                                </div>
10962                            </div>
10963                        </div>
10964
10965                        <div class="vehicle-summary-section mt-3 ">
10966                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
10967                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
10968            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):showMsrp)'>
10969                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
10970                                            <div class="mr-2" style="color:#1971d4">
10971                                                <span id="jf2gthrc6ph243813-price-summary-label">Your Price</span>
10972                                            </div>
10973                                            <div id="jf2gthrc6ph243813-price-summary-value" class=" " style="color:#1971d4">$26,028</div>
10974                                        </div>
10975
10976            </div>
10977            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):!showMsrp )'>
10978                                <div v-if="!unlockHideMsrp">
10979                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
10980                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
10981                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,847</div>
10982                                    </div>
10983                                </div>
10984
10985            </div>
10986        </div>
10987
10988                            </div>
10989
10990                                <template v-if="true">
10991                                    <div class="vehicle-summary-cta flex-1">
10992                                        <object>
10993                                               <div class="primary-button-parent">
10994        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
10995           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2GTHRC6PH243813");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
10996           @keydown.space.prevent="$event.currentTarget.click()"
10997           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
10998           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
10999            CALCULATE PAYMENTS
11000        </a>
11001    </div>
11002
11003                                        </object>
11004                                    </div>
11005                                </template>
11006                        </div>
11007<div class="color-black ft-16 mt-1">
11008            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
11009                Disclosure
11010            </div>
11011</div>
11012
11013
11014                        <div class="show section-separator my-4"></div>
11015
11016
11017                            <template v-if="true">
11018                                <object>
11019                                    <div class="app-level-cta-container">
11020
11021
11022
11023
11024
11025
11026
11027                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2GTHRC6PH243813","true"==="true"))' class="primary-button-parent">
11028                                                    <a :style="ctaBtnStyles"
11029                                                     tabindex="0" role="button"
11030                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash", "JF2GTHRC6PH243813", "Used")'
11031                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash", "JF2GTHRC6PH243813", "Used")'
11032                                                    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">
11033                                                        {{inventorySettings.data.buttonLabel}}
11034                                                    </a>
11035                                                 </div>
11036                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
11037                                                                    <a v-if="applySecondary
11037Design" href=""
11038                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
11039                                                                        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"
11040                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11041                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11042                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11043                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
11044                                                                    <a v-else href=""
11045                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
11046                                                                        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"
11047                                                                        @click.prevent="
11048                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11049                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11050                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11051                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
11052                                                                        GET MORE INFORMATION
11053                                                                    </a>
11054                                                                </div>
11055                                                                    <div class="primary-button-parent">
11056                                                                        <a v-if="applySecondary
11056Design"
11057                                                                            href="javascript:void(0)"
11058                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
11059                                                                            class=" 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"
11060                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11061                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
11062                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
11063                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
11064                                                                            CALL (805) 790-9466
11065                                                                        </a>
11066                                                                        <a v-else
11067                                                                            href="javascript:void(0)"
11068                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
11069                                                                            class=" 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"
11070                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11071                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
11072                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
11073                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2GTHRC6PH243813&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:342.65,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH243813A&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
11074                                                                            >
11075                                                                            CALL (805) 790-9466
11076                                                                        </a>
11077                                                                    </div>
11078
11079
11080
11081
11082                                    </div>
11083                                </object>
11084                            </template>
11085
11086                            <div class="mt-3">
11087
11088
11089                                <div class="inventory-btns" style="width:100%;" v-cloak>
11090
11091
11092                                    <object class="d-flex flex-column primary-inventory-btn-group">
11093                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11094                                        <div class="pi-pullup-container"></div>
11095                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11096
11097                                        <div class="dvs_vin_btn" vin="JF2GTHRC6PH243813"></div>
11098
11099
11100
11101
11102
11103
11104                                    </object>
11105
11106
11107
11108
11109
11110
11111
11112
11113
11114                                    
11115
11116
11117
11118
11119
11120
11121
11122
11123
11124                                </div>
11125
11126
11127                                    <div class="my-2 w-100 text-center">
11128                                        <div class="les_video" les_vin="JF2GTHRC6PH243813"></div>
11129                                    </div>
11130
11131
11132
11133
11134                            </div>
11135
11136                            <active-engage-widget v-if="isEnableActivEngageSrp"
11137                                                custom-class="py-2 ft-12"></active-engage-widget>
11138                        <div class="srp-tabs-section mt-3">
11139                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
11140                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTHRC6PH243813'] || 'payments') === 'details' }"
11141                                    tabindex="0" role="tab"
11142                                    aria-label="Details"
11143                                    :aria-selected="(activeTabsByVin['JF2GTHRC6PH243813'] || 'payments') === 'details'"
11144                                    aria-controls="tab-panel-details-JF2GTHRC6PH243813"
11145                                    @click.stop.prevent="setActiveTab('details', 'JF2GTHRC6PH243813')"
11146                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2GTHRC6PH243813')">
11147                                        Details
11148                                    </div>
11149                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2GTHRC6PH243813'] || 'payments') === 'payments' }"
11150                                tabindex="0" role="tab"
11151                                aria-label="Pricing"
11152                                :aria-selected="(activeTabsByVin['JF2GTHRC6PH243813'] || 'payments') === 'payments'"
11153                                aria-controls="tab-panel-payments-JF2GTHRC6PH243813"
11154                                @click.stop.prevent="setActiveTab('payments', 'JF2GTHRC6PH243813')"
11155                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2GTHRC6PH243813')">
11156                                    Pricing
11157                                </div>
11158                            </div>
11159
11160                            <div class="srp-tab-content">
11161                                <div :class="(activeTabsByVin['JF2GTHRC6PH243813'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2GTHRC6PH243813" aria-label="Details">
11162                                    <div class="vehicle-details-list">
11163
11164
11165                                            <div class="details-item-row">
11166                                                <div class="details-item-label">Stock #</div>
11167                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
11168                                                    <div id="copy_stock" class="d-inline">PH243813A</div>
11169                                                </div>
11170                                            </div>
11171
11172                                        
11173
11174
11175
11176
11177
11178                                                <div class="details-item-row">
11179                                                    <div class="details-item-label">Mileage</div>
11180                                                    <div class="details-item-value">60,355 Miles</div>
11181                                                </div>
11182
11183                                    </div>
11184
11185                                </div>
11186                                <div :class="(activeTabsByVin['JF2GTHRC6PH243813'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2GTHRC6PH243813" aria-label="Pricing">
11187                                            <div class="msrppanel-label">
11188                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):showMsrp)'>
11189
11190
11191                                                                                <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>
11192                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
11193                                                                                    
11194
11195<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
11196    KBB Price
11197</div>
11198<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$25,847</div>
11199
11200
11201                                                                                </div>
11202                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
11203                                                                                                <div>
11204                                                                                                    Doc Fee
11205                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11206                                                                                                </div>
11207                                                                                                <div class="d-flex pl-2">
11208                                                                                                    &#x2B;$85
11209                                                                                                </div>
11210                                                                                            </div>
11211                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
11212                                                                                                <div>
11213                                                                                                    EVR
11214                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11215                                                                                                </div>
11216                                                                                                <div class="d-flex pl-2">
11217                                                                                                    &#x2B;$37
11218                                                                                                </div>
11219                                                                                            </div>
11220                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
11221                                                                                                <div>
11222                                                                                                    Emissions Test
11223                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11224                                                                                                </div>
11225                                                                                                <div class="d-flex pl-2">
11226                                                                                                    &#x2B;$59
11227                                                                                                </div>
11228                                                                                            </div>
11229                                                                            <div id="jf2gthrc6ph243813-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
11230                                                                                <sp
11230an :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
11231                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
11232                                                                                </span>
11233                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2gthrc6ph243813-unlock-discount-price"></label></span>
11234                                                                            </div>
11235                                                                            <div id="jf2gthrc6ph243813-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'>
11236                                                                                <div class="mr-2" style="color:#1971d4">
11237                                                                                    <span id="jf2gthrc6ph243813-selling-price-label" class="p-0">Your Price</span>
11238                                                                                </div>
11239                                                                                <div id="jf2gthrc6ph243813-your-price-hide" class=" " style="color:#1971d4">$26,028</div>
11240                                                                            </div>
11241                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
11242                                                                                <div class="mr-2" style="color:#1971d4">
11243                                                                                    <span id="jf2gthrc6ph243813-selling-price-label" class="p-0">Your Price</span>
11244                                                                                </div>
11245                                                                                <div id="jf2gthrc6ph243813-your-price" class=" " style="color:#1971d4">$26,028</div>
11246                                                                            </div>
11247
11248
11249
11250
11251                                                        <total-incentive-discount qualified-data=''
11252                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
11253                                                                                :pricedata="{'msrp':'25847','yourPrice':'26028.0'}"
11254                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
11255                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
11256                                                    <div class="color-black ft-16 mt-1">
11257            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
11258                Disclosure
11259            </div>
11260</div>
11261
11262                                                </div>
11263
11264                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2GTHRC6PH243813", "true"==="true"):!showMsrp )'>
11265                                                                    <div v-if="!unlockHideMsrp">
11266                                                                        <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>
11267                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
11268                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
11269                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$25,847</div>
11270                                                                        </div>
11271                                                                    </div>
11272
11273                                                </div>
11274                                            </div>
11275                                </div>
11276                            </div>
11277                        </div>
11278                        <div id="cta-params-JF2GTHRC6PH243813"
11279                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:26028.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
11280                        </div>
11281
11282                        <div>
11283
11284                            <vehicle-badges model="Crosstrek"
11285                                            :current="'srp'"
11286                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
11287                                            :eyesight="''"
11288                                            :starlink="''"
11289                                            :von="''"
11290                                            :onorder="''"
11291                                            :vin="'JF2GTHRC6PH243813'"
11292                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash'"
11293                                            :vehicle-badges-top-srp="'False'"
11294                                            :year="'2023'"
11295                                            :in-transit-background-color-srp="''"
11296                                            :in-transit-badge-color-srp="''"
11297                                            :in-production-background-color-srp="''"
11298                                            :in-production-badge-color-srp="''"
11299                                            @opendisclaimer="openDisclaimerPopup($event)">
11300                            </vehicle-badges>
11301
11302                                <div class="d-flex flex-wrap">
11303                                    
11304
11305
11306
11307
11308
11309
11310                                </div>
11311                        </div>
11312
11313
11314
11315                        <div class="d-flex flex-wrap srp-certified-img-section">
11316
11317
11318
11319                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/BUQw2LrEqlpro1UgAEMODXEtDX_RlrjGeJcbGV7lKGfnunF8l_Gyxd7JzTTuhgunvBOMgV1bBljHEvhnJzFKsggKp1e8KFsU0oI')">
11320                                        <img src="https://partnerstatic.
11320carfax.com/img/valuebadge/1own.svg"
11321                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
11322                                    </div>
11323
11324
11325
11326
11327
11328                        </div>
11329
11330                        <div v-if="currentTheme == 'subaru'" class="mt-3">
11331                            <subaru-badge-new model="Crosstrek"
11332                                            year="2023"
11333                                            make="Subaru"
11334                                            type="Used"
11335                                            :current="'srp'"
11336                                            :transit="'False'"
11337                                            :eyesight="''"
11338                                            :starlink="''"
11339                                            :von="''"
11340                                            :onorder="''"
11341                                            :vin="'JF2GTHRC6PH243813'"
11342                                            :hide-in-transit="'False'"
11343                                            :vehicle-badges-top-srp="'False'"
11344                                            :subaru-consumer-report-class="''"
11345                                            :in-transit-background-color-srp="''"
11346                                            :in-transit-badge-color-srp="''"
11347                                            >
11348                            </subaru-badge-new>
11349                        </div>
11350
11351                    </div>
11352                </div>
11353
11354
11355
11356            </div>
11357        </a>
11358        <template v-if="true">
11359            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
11360                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2GTHRC6PH243813'" class="vehicle-data-overlay-container"
11361                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
11362                     @keydown.esc.prevent="closeDetailsOverlay()"
11363                     @keydown.tab="srpOverlayTrapFocus($event)">
11364                    <div class="vehicle-overlay-data">
11365                        <div class="srp-overlay-options">
11366                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
11367                                <div class="d-flex align-items-center" style="gap: 20px;">
11368                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
11369                                     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>
11370                                    <h3 class="mb-0">Options</h3>
11371                                </div>
11372                                <div>
11373                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
11374                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
11375                                </div>
11376                            </div>
11377
11378                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
11379                                <div class="overlay-nav-items px-3 pt-4">
11380                                    <div class="d-flex overlay-nav-item" tabindex="0"
11381                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHRC6PH243813', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHRC6PH243813', overlayType: 'share-options', label: 'Share' })">
11382                                        <em class="primaryicon-share-icon"></em>
11383                                        <span>Share</span>
11384                                    </div>
11385
11386                                        <div class="d-flex overlay-nav-item"
11387                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHRC6PH243813', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2GTHRC6PH243813', overlayType: 'key-features', label: 'Key Features' })">
11388                                            <em class="primaryicon-key-features-icon"></em>
11389                                            <span>Key Features</span>
11390                                        </div>
11391                                </div>
11392
11393                                <div class="pt-4 px-3 mt-3">
11394                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash")' target="_self"
11395                                        @keydown.space.prevent="$event.currentTarget.click()"
11396                                        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:">
11397                                        View Details
11398                                    </a>
11399                                </div>
11400                            </div>
11401                        </div>
11402                    </div>
11403                </div>
11404            </transition>
11405            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
11406                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2GTHRC6PH243813'"
11407                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
11408                     @keydown.esc.prevent="navigateToDetailsOverlay()"
11409                     @keydown.tab="srpOverlayTrapFocus($event)">
11410                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
11411                        <div class="d-flex align-items-center" style="gap: 20px;">
11412                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
11413                            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>
11414                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
11415                        </div>
11416                        <div>
11417                            <em class="primaryicon-close-icon-gray"
11418                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
11419                        </div>
11420                    </div>
11421                    <div class="mt-3 pt-4 overlay-section-links">
11422                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
11423                        <template v-if="!isLoadingOverlayDetails">
11424                            <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>
11425                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2023 Subaru Crosstrek Sport" :page-type-id="18" :style-id="428565" class="overlay-section-content"></share-options>
11426                            <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>
11427                        </template>
11428                    </div>
11429                </div>
11430            </transition>
11431        </template>
11432    </div>
11433        
11433<script type="application/javascript">
11434
11435            var rebatesString = "[]";
11436            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
11437            localStorage.setItem("JF1GUAFC5T8259153-rebates", formattedRebatesString);
11438
11439        </script>
11439
11440<div data-itemid="Subaru-Impreza-Sport-JF1GUAFC5T8259153" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
11441        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash" target="_self" @click='vehicleDetails($event, "JF1GUAFC5T8259153", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash", {vehicleCount: "30", vehicleIndex: "13",msrp:"28560",yourPrice:"26055.0",sellingPrice:"25874",type:"Used",title:`2026 Subaru Impreza Sport`},"true"==="true"), setVintoTransact("JF1GUAFC5T8259153", $event,{styleId:"475981"})'
11442        @mouseleave="clearMouseHoverValue()"
11443        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
11444        used-large-box" style="height: 100%;">
11445
11446            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
11447                <div class="position-relative">
11448                    <div class="srp-top-badges">
11449                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
11450                            <div class="d-flex align-items-center gap-10">
11451                            </div>
11452                        </div>
11453
11454                    </div>
11455
11456
11457                    <div id="EZ360_CVDP"></div>
11458
11459                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
11460                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF1GUAFC5T8259153'" class="vehicle-box__image">
11461                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2026SUC04_640/2026SUC041990171_640_01.jpg" class="img-fluid srp-vehiclebox-image"
11462                                    title="2026 Subaru Impreza Sport" alt="2026 Subaru Impreza Sport" />
11463
11464                        </div>
11465
11466                        <div class="dp-srp-evox-media-JF1GUAFC5T8259153" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF1GUAFC5T8259153'"></div>
11467
11468                        <div class="vehicle-info-icon">
11469                            <em
11470                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF1GUAFC5T8259153')"
11471                            class="primaryicon-options-btn-new info-icon-css"
11472                            data-vin="JF1GUAFC5T8259153"
11473                            tabindex="0"
11474                            role="button"
11475                            aria-label="Vehicle info"
11476                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF1GUAFC5T8259153')"
11477                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF1GUAFC5T8259153')"
11478                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
11479                        </div>
11480                    </div>
11481
11482
11483                    <div class="vehiclebox-info-section p-3">
11484                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
11485                            <div class="d-flex">
11486                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
11487                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
11488                                        2026 Subaru Impreza Sport
11489                                    </h2>
11490                                </div>
11491                            </div>
11492                        </div>
11493
11494                        <div class="vehicle-summary-section mt-3 ">
11495                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
11496                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
11497            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):showMsrp)'>
11498                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
11499                                            <div class="mr-2" style="color:#1971d4">
11500                                                <span id="jf1guafc5t8259153-price-summary-label">Your Price</span>
11501                                            </div>
11502                                            <div id="jf1guafc5t8259153-price-summary-value" class=" " style="color:#1971d4">$26,055</div>
11503                                        </div>
11504
11505            </div>
11506            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):!showMsrp )'>
11507                                <div v-if="!unlockHideMsrp">
11508                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
11509                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
11510                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$28,560</div>
11511                                    </div>
11512                                </div>
11513
11514            </div>
11515        </div>
11516
11517                            </div>
11518
11519                                <template v-if="true">
11520                                    <div class="vehicle-summary-cta flex-1">
11521                                        <object>
11522                                               <div class="primary-button-parent">
11523        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash#Transact" target="_self"
11524           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF1GUAFC5T8259153");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash",$event,"_self")'
11525           @keydown.space.prevent="$event.currentTarget.click()"
11526           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
11527           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
11528            CALCULATE PAYMENTS
11529        </a>
11530    </div>
11531
11532                                        </object>
11533                                    </div>
11534                                </template>
11535                        </div>
11536<div class="color-black ft-16 mt-1">
11537            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
11538                Disclosure
11539            </div>
11540</div>
11541
11542
11543                        <div class="show section-separator my-4"></div>
11544
11545
11546                            <template v-if="true">
11547                                <object>
11548                                    <div class="app-level-cta-container">
11549
11550
11551
11552
11553
11554
11555
11556                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF1GUAFC5T8259153","true"==="true"))' class="primary-button-parent">
11557                                                    <a :style="ctaBtnStyles"
11558                                                     tabindex="0" role="button"
11559                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash", "JF1GUAFC5T8259153", "Used")'
11560                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash", "JF1GUAFC5T8259153", "Used")'
11561                                                    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">
11562                                                        {{inventorySettings.data.buttonLabel}}
11563                                                    </a>
11564                                                 </div>
11565                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
11566                                                                    <a v-if="applySecondary
11566Design" href=""
11567                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
11568                                                                        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"
11569                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11570                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11571                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11572                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
11573                                                                    <a v-else href=""
11574                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
11575                                                                        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"
11576                                                                        @click.prevent="
11577                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11578                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
11579                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11580                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
11581                                                                        GET MORE INFORMATION
11582                                                                    </a>
11583                                                                </div>
11584                                                                    <div class="primary-button-parent">
11585                                                                        <a v-if="applySecondary
11585Design"
11586                                                                            href="javascript:void(0)"
11587                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
11588                                                                            class=" 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"
11589                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11590                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
11591                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
11592                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
11593                                                                            CALL (805) 790-9466
11594                                                                        </a>
11595                                                                        <a v-else
11596                                                                            href="javascript:void(0)"
11597                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
11598                                                                            class=" 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"
11599                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
11600                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
11601                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
11602                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1GUAFC5T8259153&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Impreza&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:343.01,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;T8259153R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
11603                                                                            >
11604                                                                            CALL (805) 790-9466
11605                                                                        </a>
11606                                                                    </div>
11607
11608
11609
11610
11611                                    </div>
11612                                </object>
11613                            </template>
11614
11615                            <div class="mt-3">
11616
11617
11618                                <div class="inventory-btns" style="width:100%;" v-cloak>
11619
11620
11621                                    <object class="d-flex flex-column primary-inventory-btn-group">
11622                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11623                                        <div class="pi-pullup-container"></div>
11624                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
11625
11626                                        <div class="dvs_vin_btn" vin="JF1GUAFC5T8259153"></div>
11627
11628
11629
11630
11631
11632
11633                                    </object>
11634
11635
11636
11637
11638
11639
11640
11641
11642
11643                                    
11644
11645
11646
11647
11648
11649
11650
11651
11652
11653                                </div>
11654
11655
11656                                    <div class="my-2 w-100 text-center">
11657                                        <div class="les_video" les_vin="JF1GUAFC5T8259153"></div>
11658                                    </div>
11659
11660
11661
11662
11663                            </div>
11664
11665                            <active-engage-widget v-if="isEnableActivEngageSrp"
11666                                                custom-class="py-2 ft-12"></active-engage-widget>
11667                        <div class="srp-tabs-section mt-3">
11668                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
11669                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1GUAFC5T8259153'] || 'payments') === 'details' }"
11670                                    tabindex="0" role="tab"
11671                                    aria-label="Details"
11672                                    :aria-selected="(activeTabsByVin['JF1GUAFC5T8259153'] || 'payments') === 'details'"
11673                                    aria-controls="tab-panel-details-JF1GUAFC5T8259153"
11674                                    @click.stop.prevent="setActiveTab('details', 'JF1GUAFC5T8259153')"
11675                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF1GUAFC5T8259153')">
11676                                        Details
11677                                    </div>
11678                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1GUAFC5T8259153'] || 'payments') === 'payments' }"
11679                                tabindex="0" role="tab"
11680                                aria-label="Pricing"
11681                                :aria-selected="(activeTabsByVin['JF1GUAFC5T8259153'] || 'payments') === 'payments'"
11682                                aria-controls="tab-panel-payments-JF1GUAFC5T8259153"
11683                                @click.stop.prevent="setActiveTab('payments', 'JF1GUAFC5T8259153')"
11684                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF1GUAFC5T8259153')">
11685                                    Pricing
11686                                </div>
11687                            </div>
11688
11689                            <div class="srp-tab-content">
11690                                <div :class="(activeTabsByVin['JF1GUAFC5T8259153'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF1GUAFC5T8259153" aria-label="Details">
11691                                    <div class="vehicle-details-list">
11692
11693
11694                                            <div class="details-item-row">
11695                                                <div class="details-item-label">Stock #</div>
11696                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
11697                                                    <div id="copy_stock" class="d-inline">T8259153R</div>
11698                                                </div>
11699                                            </div>
11700
11701                                        
11702
11703
11704
11705
11706
11707                                                <div class="details-item-row">
11708                                                    <div class="details-item-label">Mileage</div>
11709                                                    <div class="details-item-value">6,231 Miles</div>
11710                                                </div>
11711
11712                                    </div>
11713
11714                                </div>
11715                                <div :class="(activeTabsByVin['JF1GUAFC5T8259153'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF1GUAFC5T8259153" aria-label="Pricing">
11716                                            <div class="msrppanel-label">
11717                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):showMsrp)'>
11718
11719
11720                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-28560' :sh
11720owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
11721                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
11722                                                                                        
11723
11724<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
11725    KBB Price
11726</div>
11727<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$28,560</div>
11728
11729
11730                                                                                    </div>
11731                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$2,686</span> </div>
11732                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
11733                                                                                                <div>
11734                                                                                                    Doc Fee
11735                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11736                                                                                                </div>
11737                                                                                                <div class="d-flex pl-2">
11738                                                                                                    &#x2B;$85
11739                                                                                                </div>
11740                                                                                            </div>
11741                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
11742                                                                                                <div>
11743                                                                                                    EVR
11744                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11745                                                                                                </div>
11746                                                                                                <div class="d-flex pl-2">
11747                                                                                                    &#x2B;$37
11748                                                                                                </div>
11749                                                                                            </div>
11750                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
11751                                                                                                <div>
11752                                                                                                    Emissions Test
11753                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
11754                                                                                                </div>
11755                                                                                                <div class="d-flex pl-2">
11756                                                                                                    &#x2B;$59
11757                                                                                                </div>
11758                                                                                            </div>
11759                                                                            <div id="jf1guafc5t8259153-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
11760                                                                                <sp
11760an :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
11761                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
11762                                                                                </span>
11763                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf1guafc5t8259153-unlock-discount-price"></label></span>
11764                                                                            </div>
11765                                                                            <div id="jf1guafc5t8259153-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'>
11766                                                                                <div class="mr-2" style="color:#1971d4">
11767                                                                                    <span id="jf1guafc5t8259153-selling-price-label" class="p-0">Your Price</span>
11768                                                                                </div>
11769                                                                                <div id="jf1guafc5t8259153-your-price-hide" class=" " style="color:#1971d4">$26,055</div>
11770                                                                            </div>
11771                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
11772                                                                                <div class="mr-2" style="color:#1971d4">
11773                                                                                    <span id="jf1guafc5t8259153-selling-price-label" class="p-0">Your Price</span>
11774                                                                                </div>
11775                                                                                <div id="jf1guafc5t8259153-your-price" class=" " style="color:#1971d4">$26,055</div>
11776                                                                            </div>
11777
11778
11779
11780
11781                                                        <total-incentive-discount qualified-data=''
11782                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
11783                                                                                :pricedata="{'msrp':'28560','yourPrice':'26055.0'}"
11784                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
11785                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
11786                                                    <div class="color-black ft-16 mt-1">
11787            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
11788                Disclosure
11789            </div>
11790</div>
11791
11792                                                </div>
11793
11794                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1GUAFC5T8259153", "true"==="true"):!showMsrp )'>
11795                                                                    <div v-if="!unlockHideMsrp">
11796                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-28560' :sh
11796owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
11797                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
11798                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
11799                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$28,560</div>
11800                                                                        </div>
11801                                                                    </div>
11802
11803                                                </div>
11804                                            </div>
11805                                </div>
11806                            </div>
11807                        </div>
11808                        <div id="cta-params-JF1GUAFC5T8259153"
11809                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:26055.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
11810                        </div>
11811
11812                        <div>
11813
11814                            <vehicle-badges model="Impreza"
11815                                            :current="'srp'"
11816                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
11817                                            :eyesight="''"
11818                                            :starlink="''"
11819                                            :von="''"
11820                                            :onorder="''"
11821                                            :vin="'JF1GUAFC5T8259153'"
11822                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash'"
11823                                            :vehicle-badges-top-srp="'False'"
11824                                            :year="'2026'"
11825                                            :in-transit-background-color-srp="''"
11826                                            :in-transit-badge-color-srp="''"
11827                                            :in-production-background-color-srp="''"
11828                                            :in-production-badge-color-srp="''"
11829                                            @opendisclaimer="openDisclaimerPopup($event)">
11830                            </vehicle-badges>
11831
11832                                <div class="d-flex flex-wrap">
11833                                    
11834
11835
11836
11837
11838
11839
11840                                </div>
11841                        </div>
11842
11843
11844
11845                        <div class="d-flex flex-wrap srp-certified-img-section">
11846
11847
11848
11849                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/bPjEjm3EbcmCeTimEilb5IukT_pm-QcFfayE76sghRjJB1jUvf-9DrJrawtpVGDxEVltzTRS-RNBzn93g2rVdftOqUGLdteXQFo')">
11850                                        <img src="https://partnerstatic.
11850carfax.com/img/valuebadge/great.svg"
11851                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
11852                                    </div>
11853
11854
11855
11856
11857
11858                        </div>
11859
11860                        <div v-if="currentTheme == 'subaru'" class="mt-3">
11861                            <subaru-badge-new model="Impreza"
11862                                            year="2026"
11863                                            make="Subaru"
11864                                            type="Used"
11865                                            :current="'srp'"
11866                                            :transit="'False'"
11867                                            :eyesight="''"
11868                                            :starlink="''"
11869                                            :von="''"
11870                                            :onorder="''"
11871                                            :vin="'JF1GUAFC5T8259153'"
11872                                            :hide-in-transit="'False'"
11873                                            :vehicle-badges-top-srp="'False'"
11874                                            :subaru-consumer-report-class="'subaruImprezaconsumerreport-2026'"
11875                                            :in-transit-background-color-srp="''"
11876                                            :in-transit-badge-color-srp="''"
11877                                            >
11878                            </subaru-badge-new>
11879                        </div>
11880
11881                    </div>
11882                </div>
11883
11884
11885
11886            </div>
11887        </a>
11888        <template v-if="true">
11889            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
11890                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF1GUAFC5T8259153'" class="vehicle-data-overlay-container"
11891                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
11892                     @keydown.esc.prevent="closeDetailsOverlay()"
11893                     @keydown.tab="srpOverlayTrapFocus($event)">
11894                    <div class="vehicle-overlay-data">
11895                        <div class="srp-overlay-options">
11896                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
11897                                <div class="d-flex align-items-center" style="gap: 20px;">
11898                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
11899                                     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>
11900                                    <h3 class="mb-0">Options</h3>
11901                                </div>
11902                                <div>
11903                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
11904                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
11905                                </div>
11906                            </div>
11907
11908                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
11909                                <div class="overlay-nav-items px-3 pt-4">
11910                                    <div class="d-flex overlay-nav-item" tabindex="0"
11911                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUAFC5T8259153', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUAFC5T8259153', overlayType: 'share-options', label: 'Share' })">
11912                                        <em class="primaryicon-share-icon"></em>
11913                                        <span>Share</span>
11914                                    </div>
11915
11916                                        <div class="d-flex overlay-nav-item"
11917                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUAFC5T8259153', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1GUAFC5T8259153', overlayType: 'key-features', label: 'Key Features' })">
11918                                            <em class="primaryicon-key-features-icon"></em>
11919                                            <span>Key Features</span>
11920                                        </div>
11921                                </div>
11922
11923                                <div class="pt-4 px-3 mt-3">
11924                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash")' target="_self"
11925                                        @keydown.space.prevent="$event.currentTarget.click()"
11926                                        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:">
11927                                        View Details
11928                                    </a>
11929                                </div>
11930                            </div>
11931                        </div>
11932                    </div>
11933                </div>
11934            </transition>
11935            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
11936                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF1GUAFC5T8259153'"
11937                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
11938                     @keydown.esc.prevent="navigateToDetailsOverlay()"
11939                     @keydown.tab="srpOverlayTrapFocus($event)">
11940                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
11941                        <div class="d-flex align-items-center" style="gap: 20px;">
11942                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
11943                            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>
11944                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
11945                        </div>
11946                        <div>
11947                            <em class="primaryicon-close-icon-gray"
11948                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
11949                        </div>
11950                    </div>
11951                    <div class="mt-3 pt-4 overlay-section-links">
11952                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
11953                        <template v-if="!isLoadingOverlayDetails">
11954                            <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>
11955                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash" vehicle-name="Used 202
119556 Subaru Impreza Sport" :page-type-id="18" :style-id="475981" class="overlay-section-content"></share-options>
11956                            <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>
11957                        </template>
11958                    </div>
11959                </div>
11960            </transition>
11961        </template>
11962    </div>
11963        
11963<script type="application/javascript">
11964
11965            var rebatesString = "[]";
11966            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
11967            localStorage.setItem("JF2SKANC8PH488946-rebates", formattedRebatesString);
11968
11969        </script>
11969
11970<div data-itemid="Subaru-Forester-Limited-JF2SKANC8PH488946" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
11971        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2SKANC8PH488946", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "14",msrp:"29997",yourPrice:"26828.0",sellingPrice:"26647",type:"Used",title:`2023 Subaru Forester Limited`},"true"==="true"), setVintoTransact("JF2SKANC8PH488946", $event,{styleId:"430940"})'
11972        @mouseleave="clearMouseHoverValue()"
11973        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
11974        used-large-box" style="height: 100%;">
11975
11976            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
11977                <div class="position-relative">
11978                    <div class="srp-top-badges">
11979                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
11980                            <div class="d-flex align-items-center gap-10">
11981                                            <div class="specials-indicator-wrapper">
11982                                                <inventory-specials-indicator
11983                                                bg-color=""
11984                                                text="">
11985                                                </inventory-specials-indicator>
11986                                            </div>
11987                            </div>
11988                        </div>
11989
11990                    </div>
11991
11992
11993                    <div id="EZ360_CVDP"></div>
11994
11995                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
11996                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2SKANC8PH488946'" class="vehicle-box__image">
11997                                    <img src="https://cdn.max.auto/t_hres/108741/JF2SKANC8PH488946/6a60bbc0220e2e843687a41a.jpg" class="img-fluid srp-vehiclebox-image"
11998                                    title="2023 Subaru Forester Limited" alt="2023 Subaru Forester Limited" />
11999
12000                        </div>
12001
12002                        <div class="dp-srp-evox-media-JF2SKANC8PH488946" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2SKANC8PH488946'"></div>
12003
12004                        <div class="vehicle-info-icon">
12005                            <em
12006                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2SKANC8PH488946')"
12007                            class="primaryicon-options-btn-new info-icon-css"
12008                            data-vin="JF2SKANC8PH488946"
12009                            tabindex="0"
12010                            role="button"
12011                            aria-label="Vehicle info"
12012                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2SKANC8PH488946')"
12013                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2SKANC8PH488946')"
12014                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
12015                        </div>
12016                    </div>
12017
12018
12019                    <div class="vehiclebox-info-section p-3">
12020                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
12021                            <div class="d-flex">
12022                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
12023                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
12024                                        2023 Subaru Forester Limited
12025                                    </h2>
12026                                </div>
12027                            </div>
12028                        </div>
12029
12030                        <div class="vehicle-summary-section mt-3 ">
12031                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
12032                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
12033            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):showMsrp)'>
12034                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
12035                                            <div class="mr-2" style="color:#1971d4">
12036                                                <span id="jf2skanc8ph488946-price-summary-label">Your Price</span>
12037                                            </div>
12038                                            <div id="jf2skanc8ph488946-price-summary-value" class=" " style="color:#1971d4">$26,828</div>
12039                                        </div>
12040
12041            </div>
12042            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):!showMsrp )'>
12043                                <div v-if="!unlockHideMsrp">
12044                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
12045                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
12046                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$29,997</div>
12047                                    </div>
12048                                </div>
12049
12050            </div>
12051        </div>
12052
12053                            </div>
12054
12055                                <template v-if="true">
12056                                    <div class="vehicle-summary-cta flex-1">
12057                                        <object>
12058                                               <div class="primary-button-parent">
12059        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash#Transact" target="_self"
12060           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2SKANC8PH488946");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash",$event,"_self")'
12061           @keydown.space.prevent="$event.currentTarget.click()"
12062           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
12063           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
12064            CALCULATE PAYMENTS
12065        </a>
12066    </div>
12067
12068                                        </object>
12069                                    </div>
12070                                </template>
12071                        </div>
12072<div class="color-black ft-16 mt-1">
12073            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
12074                Disclosure
12075            </div>
12076</div>
12077
12078
12079                        <div class="show section-separator my-4"></div>
12080
12081
12082                            <template v-if="true">
12083                                <object>
12084                                    <div class="app-level-cta-container">
12085
12086
12087
12088
12089
12090
12091
12092                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2SKANC8PH488946","true"==="true"))' class="primary-button-parent">
12093                                                    <a :style="ctaBtnStyles"
12094                                                     tabindex="0" role="button"
12095                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash", "JF2SKANC8PH488946", "Used")'
12096                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash", "JF2SKANC8PH488946", "Used")'
12097                                                    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">
12098                                                        {{inventorySettings.data.buttonLabel}}
12099                                                    </a>
12100                                                 </div>
12101                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
12102                                                                    <a v-if="applySecondary
12102Design" href=""
12103                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
12104                                                                        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"
12105                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12106                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12107                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12108                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
12109                                                                    <a v-else href=""
12110                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
12111                                                                        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"
12112                                                                        @click.prevent="
12113                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12114                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12115                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12116                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
12117                                                                        GET MORE INFORMATION
12118                                                                    </a>
12119                                                                </div>
12120                                                                    <div class="primary-button-parent">
12121                                                                        <a v-if="applySecondary
12121Design"
12122                                                                            href="javascript:void(0)"
12123                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
12124                                                                            class=" 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"
12125                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12126                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
12127                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
12128                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
12129                                                                            CALL (805) 790-9466
12130                                                                        </a>
12131                                                                        <a v-else
12132                                                                            href="javascript:void(0)"
12133                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
12134                                                                            class=" 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"
12135                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12136                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
12137                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
12138                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKANC8PH488946&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:349.14,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;PH488946P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
12139                                                                            >
12140                                                                            CALL (805) 790-9466
12141                                                                        </a>
12142                                                                    </div>
12143
12144
12145
12146
12147                                    </div>
12148                                </object>
12149                            </template>
12150
12151                            <div class="mt-3">
12152
12153
12154                                <div class="inventory-btns" style="width:100%;" v-cloak>
12155
12156
12157                                    <object class="d-flex flex-column primary-inventory-btn-group">
12158                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12159                                        <div class="pi-pullup-container"></div>
12160                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12161
12162                                        <div class="dvs_vin_btn" vin="JF2SKANC8PH488946"></div>
12163
12164
12165
12166
12167
12168
12169                                    </object>
12170
12171
12172
12173
12174
12175
12176
12177
12178
12179                                    
12180
12181
12182
12183
12184
12185
12186
12187
12188
12189                                </div>
12190
12191
12192                                    <div class="my-2 w-100 text-center">
12193                                        <div class="les_video" les_vin="JF2SKANC8PH488946"></div>
12194                                    </div>
12195
12196
12197
12198
12199                            </div>
12200
12201                            <active-engage-widget v-if="isEnableActivEngageSrp"
12202                                                custom-class="py-2 ft-12"></active-engage-widget>
12203                        <div class="srp-tabs-section mt-3">
12204                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
12205                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SKANC8PH488946'] || 'payments') === 'details' }"
12206                                    tabindex="0" role="tab"
12207                                    aria-label="Details"
12208                                    :aria-selected="(activeTabsByVin['JF2SKANC8PH488946'] || 'payments') === 'details'"
12209                                    aria-controls="tab-panel-details-JF2SKANC8PH488946"
12210                                    @click.stop.prevent="setActiveTab('details', 'JF2SKANC8PH488946')"
12211                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2SKANC8PH488946')">
12212                                        Details
12213                                    </div>
12214                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SKANC8PH488946'] || 'payments') === 'payments' }"
12215                                tabindex="0" role="tab"
12216                                aria-label="Pricing"
12217                                :aria-selected="(activeTabsByVin['JF2SKANC8PH488946'] || 'payments') === 'payments'"
12218                                aria-controls="tab-panel-payments-JF2SKANC8PH488946"
12219                                @click.stop.prevent="setActiveTab('payments', 'JF2SKANC8PH488946')"
12220                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2SKANC8PH488946')">
12221                                    Pricing
12222                                </div>
12223                            </div>
12224
12225                            <div class="srp-tab-content">
12226                                <div :class="(activeTabsByVin['JF2SKANC8PH488946'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2SKANC8PH488946" aria-label="Details">
12227                                    <div class="vehicle-details-list">
12228
12229
12230                                            <div class="details-item-row">
12231                                                <div class="details-item-label">Stock #</div>
12232                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
12233                                                    <div id="copy_stock" class="d-inline">PH488946P</div>
12234                                                </div>
12235                                            </div>
12236
12237                                        
12238
12239
12240
12241
12242
12243                                                <div class="details-item-row">
12244                                                    <div class="details-item-label">Mileage</div>
12245                                                    <div class="details-item-value">32,983 Miles</div>
12246                                                </div>
12247
12248                                    </div>
12249
12250                                </div>
12251                                <div :class="(activeTabsByVin['JF2SKANC8PH488946'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2SKANC8PH488946" aria-label="Pricing">
12252                                            <div class="msrppanel-label">
12253                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):showMsrp)'>
12254
12255
12256                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-29997' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
12257                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
12258                                                                                        
12259
12260<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
12261    KBB Price
12262</div>
12263<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$29,997</div>
12264
12265
12266                                                                                    </div>
12267                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$3,350</span> </div>
12268                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
12269                                                                                                <div>
12270                                                                                                    Doc Fee
12271                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
12272                                                                                                </div>
12273                                                                                                <div class="d-flex pl-2">
12274                                                                                                    &#x2B;$85
12275                                                                                                </div>
12276                                                                                            </div>
12277                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
12278                                                                                                <div>
12279                                                                                                    EVR
12280                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
12281                                                                                                </div>
12282                                                                                                <div class="d-flex pl-2">
12283                                                                                                    &#x2B;$37
12284                                                                                                </div>
12285                                                                                            </div>
12286                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
12287                                                                                                <div>
12288                                                                                                    Emissions Test
12289                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
12290                                                                                                </div>
12291                                                                                                <div class="d-flex pl-2">
12292                                                                                                    &#x2B;$59
12293                                                                                                </div>
12294                                                                                            </div>
12295                                                                            <div id="jf2skanc8ph48
122958946-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
12296                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
12297                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
12298                                                                                </span>
12299                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2skanc8ph488946-unlock-discount-price"></label></span>
12300                                                                            </div>
12301                                                                            <div id="jf2skanc8ph488946-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'>
12302                                                                                <div class="mr-2" style="color:#1971d4">
12303                                                                                    <span id="jf2skanc8ph488946-selling-price-label" class="p-0">Your Price</span>
12304                                                                                </div>
12305                                                                                <div id="jf2skanc8ph488946-your-price-hide" class=" " style="color:#1971d4">$26,828</div>
12306                                                                            </div>
12307                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
12308                                                                                <div class="mr-2" style="color:#1971d4">
12309                                                                                    <span id="jf2skanc8ph488946-selling-price-label" class="p-0">Your Price</span>
12310                                                                                </div>
12311                                                                                <div id="jf2skanc8ph488946-your-price" class=" " style="color:#1971d4">$26,828</div>
12312                                                                            </div>
12313
12314
12315
12316
12317                                                        <total-incentive-discount qualified-data=''
12318                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
12319                                                                                :pricedata="{'msrp':'29997','yourPrice':'26828.0'}"
12320                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
12321                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
12322                                                    <div class="color-black ft-16 mt-1">
12323            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
12324                Disclosure
12325            </div>
12326</div>
12327
12328                                                </div>
12329
12330                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKANC8PH488946", "true"==="true"):!showMsrp )'>
12331                                                                    <div v-if="!unlockHideMsrp">
12332                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-29997' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
12333                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
12334                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
12335                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$29,997</div>
12336                                                                        </div>
12337                                                                    </div>
12338
12339                                                </div>
12340                                            </div>
12341                                </div>
12342                            </div>
12343                        </div>
12344                        <div id="cta-params-JF2SKANC8PH488946"
12345                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:26828.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
12346                        </div>
12347
12348                        <div>
12349
12350                            <vehicle-badges model="Forester"
12351                                            :current="'srp'"
12352                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
12353                                            :eyesight="'False'"
12354                                            :starlink="'False'"
12355                                            :von="''"
12356                                            :onorder="''"
12357                                            :vin="'JF2SKANC8PH488946'"
12358                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash'"
12359                                            :vehicle-badges-top-srp="'False'"
12360                                            :year="'2023'"
12361                                            :in-transit-background-color-srp="''"
12362                                            :in-transit-badge-color-srp="''"
12363                                            :in-production-background-color-srp="''"
12364                                            :in-production-badge-color-srp="''"
12365                                            @opendisclaimer="openDisclaimerPopup($event)">
12366                            </vehicle-badges>
12367
12368                                <div class="d-flex flex-wrap">
12369                                    
12370
12371
12372
12373
12374
12375
12376                                </div>
12377                        </div>
12378
12379
12380
12381                        <div class="d-flex flex-wrap srp-certified-img-section">
12382
12383
12384                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
12385                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
12386                                        </div>
12387
12388                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/g3gj-Mlpk9kQTXvqyqaZEhsC0B_uqOt_WJSkl1fyMF9rqJMJXFhA4xZIJ_IlJWjkeUtd8GvDafWMiV9mNNdve9FNOENiAj7JBVQ')">
12389                                        <img src="https://partnerstatic.
12389carfax.com/img/valuebadge/1own_great.svg"
12390                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
12391                                    </div>
12392
12393
12394
12395
12396
12397                        </div>
12398
12399                        <div v-if="currentTheme == 'subaru'" class="mt-3">
12400                            <subaru-badge-new model="Forester"
12401                                            year="2023"
12402                                            make="Subaru"
12403                                            type="Used"
12404                                            :current="'srp'"
12405                                            :transit="'False'"
12406                                            :eyesight="'False'"
12407                                            :starlink="'False'"
12408                                            :von="''"
12409                                            :onorder="''"
12410                                            :vin="'JF2SKANC8PH488946'"
12411                                            :hide-in-transit="'False'"
12412                                            :vehicle-badges-top-srp="'False'"
12413                                            :subaru-consumer-report-class="''"
12414                                            :in-transit-background-color-srp="''"
12415                                            :in-transit-badge-color-srp="''"
12416                                            >
12417                            </subaru-badge-new>
12418                        </div>
12419
12420                    </div>
12421                </div>
12422
12423
12424
12425            </div>
12426        </a>
12427        <template v-if="true">
12428            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
12429                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2SKANC8PH488946'" class="vehicle-data-overlay-container"
12430                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
12431                     @keydown.esc.prevent="closeDetailsOverlay()"
12432                     @keydown.tab="srpOverlayTrapFocus($event)">
12433                    <div class="vehicle-overlay-data">
12434                        <div class="srp-overlay-options">
12435                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
12436                                <div class="d-flex align-items-center" style="gap: 20px;">
12437                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
12438                                     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>
12439                                    <h3 class="mb-0">Options</h3>
12440                                </div>
12441                                <div>
12442                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
12443                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
12444                                </div>
12445                            </div>
12446
12447                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
12448                                <div class="overlay-nav-items px-3 pt-4">
12449                                    <div class="d-flex overlay-nav-item" tabindex="0"
12450                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKANC8PH488946', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKANC8PH488946', overlayType: 'share-options', label: 'Share' })">
12451                                        <em class="primaryicon-share-icon"></em>
12452                                        <span>Share</span>
12453                                    </div>
12454
12455                                        <div class="d-flex overlay-nav-item"
12456                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKANC8PH488946', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKANC8PH488946', overlayType: 'key-features', label: 'Key Features' })">
12457                                            <em class="primaryicon-key-features-icon"></em>
12458                                            <span>Key Features</span>
12459                                        </div>
12460                                </div>
12461
12462                                <div class="pt-4 px-3 mt-3">
12463                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash")' target="_self"
12464                                        @keydown.space.prevent="$event.currentTarget.click()"
12465                                        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:">
12466                                        View Details
12467                                    </a>
12468                                </div>
12469                            </div>
12470                        </div>
12471                    </div>
12472                </div>
12473            </transition>
12474            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
12475                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2SKANC8PH488946'"
12476                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
12477                     @keydown.esc.prevent="navigateToDetailsOverlay()"
12478                     @keydown.tab="srpOverlayTrapFocus($event)">
12479                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
12480                        <div class="d-flex align-items-center" style="gap: 20px;">
12481                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
12482                            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>
12483                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
12484                        </div>
12485                        <div>
12486                            <em class="primaryicon-close-icon-gray"
12487                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
12488                        </div>
12489                    </div>
12490                    <div class="mt-3 pt-4 overlay-section-links">
12491                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
12492                        <template v-if="!isLoadingOverlayDetails">
12493                            <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>
12494                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash" vehicle-name="Used 2023 Subaru Forester Limited" :page-type-id="18" :style-id="430940" class="overlay-section-content"></share-options>
12495                            <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>
12496                        </template>
12497                    </div>
12498                </div>
12499            </transition>
12500        </template>
12501    </div>
12502        
12502<script type="application/javascript">
12503
12504            var rebatesString = "[]";
12505            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
12506            localStorage.setItem("JF2SKAXC9MH503608-rebates", formattedRebatesString);
12507
12508        </script>
12508
12509<div data-itemid="Subaru-Forester-Touring-JF2SKAXC9MH503608" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
12510        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2SKAXC9MH503608", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "15",msrp:"28485",yourPrice:"27070.0",sellingPrice:"26889",type:"Used",title:`2021 Subaru Forester Touring`},"true"==="true"), setVintoTransact("JF2SKAXC9MH503608", $event,{styleId:"416770"})'
12511        @mouseleave="clearMouseHoverValue()"
12512        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
12513        used-large-box" style="height: 100%;">
12514
12515            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
12516                <div class="position-relative">
12517                    <div class="srp-top-badges">
12518                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
12519                            <div class="d-flex align-items-center gap-10">
12520                            </div>
12521                        </div>
12522
12523                    </div>
12524
12525
12526                    <div id="EZ360_CVDP"></div>
12527
12528                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
12529                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2SKAXC9MH503608'" class="vehicle-box__image">
12530                                    <img src="https://cdn.max.auto/t_hres/108741/JF2SKAXC9MH503608/6ab5c482050dae99f59f6017.jpg" class="img-fluid srp-vehiclebox-image"
12531                                    title="2021 Subaru Forester Touring" alt="2021 Subaru Forester Touring" />
12532
12533                        </div>
12534
12535                        <div class="dp-srp-evox-media-JF2SKAXC9MH503608" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2SKAXC9MH503608'"></div>
12536
12537                        <div class="vehicle-info-icon">
12538                            <em
12539                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2SKAXC9MH503608')"
12540                            class="primaryicon-options-btn-new info-icon-css"
12541                            data-vin="JF2SKAXC9MH503608"
12542                            tabindex="0"
12543                            role="button"
12544                            aria-label="Vehicle info"
12545                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2SKAXC9MH503608')"
12546                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2SKAXC9MH503608')"
12547                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
12548                        </div>
12549                    </div>
12550
12551
12552                    <div class="vehiclebox-info-section p-3">
12553                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
12554                            <div class="d-flex">
12555                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
12556                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
12557                                        2021 Subaru Forester Touring
12558                                    </h2>
12559                                </div>
12560                            </div>
12561                        </div>
12562
12563                        <div class="vehicle-summary-section mt-3 ">
12564                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
12565                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
12566            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):showMsrp)'>
12567                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
12568                                            <div class="mr-2" style="color:#1971d4">
12569                                                <span id="jf2skaxc9mh503608-price-summary-label">Your Price</span>
12570                                            </div>
12571                                            <div id="jf2skaxc9mh503608-price-summary-value" class=" " style="color:#1971d4">$27,070</div>
12572                                        </div>
12573
12574            </div>
12575            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):!showMsrp )'>
12576                                <div v-if="!unlockHideMsrp">
12577                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
12578                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
12579                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$28,485</div>
12580                                    </div>
12581                                </div>
12582
12583            </div>
12584        </div>
12585
12586                            </div>
12587
12588                                <template v-if="true">
12589                                    <div class="vehicle-summary-cta flex-1">
12590                                        <object>
12591                                               <div class="primary-button-parent">
12592        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash#Transact" target="_self"
12593           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2SKAXC9MH503608");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash",$event,"_self")'
12594           @keydown.space.prevent="$event.currentTarget.click()"
12595           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
12596           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
12597            CALCULATE PAYMENTS
12598        </a>
12599    </div>
12600
12601                                        </object>
12602                                    </div>
12603                                </template>
12604                        </div>
12605<div class="color-black ft-16 mt-1">
12606            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
12607                Disclosure
12608            </div>
12609</div>
12610
12611
12612                        <div class="show section-separator my-4"></div>
12613
12614
12615                            <template v-if="true">
12616                                <object>
12617                                    <div class="app-level-cta-container">
12618
12619
12620
12621
12622
12623
12624
12625                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2SKAXC9MH503608","true"==="true"))' class="primary-button-parent">
12626                                                    <a :style="ctaBtnStyles"
12627                                                     tabindex="0" role="button"
12628                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash", "JF2SKAXC9MH503608", "Used")'
12629                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash", "JF2SKAXC9MH503608", "Used")'
12630                                                    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">
12631                                                        {{inventorySettings.data.buttonLabel}}
12632                                                    </a>
12633                                                 </div>
12634                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
12635                                                                    <a v-if="applySecondary
12635Design" href=""
12636                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
12637                                                                        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"
12638                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12639                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12640                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12641                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
12642                                                                    <a v-else href=""
12643                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
12644                                                                        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"
12645                                                                        @click.prevent="
12646                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12647                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
12648                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12649                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
12650                                                                        GET MORE INFORMATION
12651                                                                    </a>
12652                                                                </div>
12653                                                                    <div class="primary-button-parent">
12654                                                                        <a v-if="applySecondary
12654Design"
12655                                                                            href="javascript:void(0)"
12656                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
12657                                                                            class=" 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"
12658                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12659                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
12660                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
12661                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
12662                                                                            CALL (805) 790-9466
12663                                                                        </a>
12664                                                                        <a v-else
12665                                                                            href="javascript:void(0)"
12666                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
12667                                                                            class=" 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"
12668                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
12669                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
12670                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
12671                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2SKAXC9MH503608&quot;,&quot;year&quot;:&quot;2021&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:356.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;MH503608P1&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
12672                                                                            >
12673                                                                            CALL (805) 790-9466
12674                                                                        </a>
12675                                                                    </div>
12676
12677
12678
12679
12680                                    </div>
12681                                </object>
12682                            </template>
12683
12684                            <div class="mt-3">
12685
12686
12687                                <div class="inventory-btns" style="width:100%;" v-cloak>
12688
12689
12690                                    <object class="d-flex flex-column primary-inventory-btn-group">
12691                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12692                                        <div class="pi-pullup-container"></div>
12693                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
12694
12695                                        <div class="dvs_vin_btn" vin="JF2SKAXC9MH503608"></div>
12696
12697
12698
12699
12700
12701
12702                                    </object>
12703
12704
12705
12706
12707
12708
12709
12710
12711
12712                                    
12713
12714
12715
12716
12717
12718
12719
12720
12721
12722                                </div>
12723
12724
12725                                    <div class="my-2 w-100 text-center">
12726                                        <div class="les_video" les_vin="JF2SKAXC9MH503608"></div>
12727                                    </div>
12728
12729
12730
12731
12732                            </div>
12733
12734                            <active-engage-widget v-if="isEnableActivEngageSrp"
12735                                                custom-class="py-2 ft-12"></active-engage-widget>
12736                        <div class="srp-tabs-section mt-3">
12737                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
12738                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SKAXC9MH503608'] || 'payments') === 'details' }"
12739                                    tabindex="0" role="tab"
12740                                    aria-label="Details"
12741                                    :aria-selected="(activeTabsByVin['JF2SKAXC9MH503608'] || 'payments') === 'details'"
12742                                    aria-controls="tab-panel-details-JF2SKAXC9MH503608"
12743                                    @click.stop.prevent="setActiveTab('details', 'JF2SKAXC9MH503608')"
12744                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2SKAXC9MH503608')">
12745                                        Details
12746                                    </div>
12747                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2SKAXC9MH503608'] || 'payments') === 'payments' }"
12748                                tabindex="0" role="tab"
12749                                aria-label="Pricing"
12750                                :aria-selected="(activeTabsByVin['JF2SKAXC9MH503608'] || 'payments') === 'payments'"
12751                                aria-controls="tab-panel-payments-JF2SKAXC9MH503608"
12752                                @click.stop.prevent="setActiveTab('payments', 'JF2SKAXC9MH503608')"
12753                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2SKAXC9MH503608')">
12754                                    Pricing
12755                                </div>
12756                            </div>
12757
12758                            <div class="srp-tab-content">
12759                                <div :class="(activeTabsByVin['JF2SKAXC9MH503608'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2SKAXC9MH503608" aria-label="Details">
12760                                    <div class="vehicle-details-list">
12761
12762
12763                                            <div class="details-item-row">
12764                                                <div class="details-item-label">Stock #</div>
12765                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
12766                                                    <div id="copy_stock" class="d-inline">MH503608P1</div>
12767                                                </div>
12768                                            </div>
12769
12770                                        
12771
12772
12773
12774
12775
12776                                                <div class="details-item-row">
12777                                                    <div class="details-item-label">Mileage</div>
12778                                                    <div class="details-item-value">31,741 Miles</div>
12779                                                </div>
12780
12781                                    </div>
12782
12783                                </div>
12784                                <div :class="(activeTabsByVin['JF2SKAXC9MH503608'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2SKAXC9MH503608" aria-label="Pricing">
12785                                            <div class="msrppanel-label">
12786                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):showMsrp)'>
12787
12788
12789                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-28485' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
12790                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
12791                                                                                        
12792
12793<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
12794    KBB Price
12795</div>
12796<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$28,485</div>
12797
12798
12799                                                                                    </div>
12800                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$1,596</span> </div>
12801                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
12802                                                                                                <div>
12803                                                                                                    Doc Fee
12804                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
12805                                                                                                </div>
12806                                                                                                <div class="d-flex pl-2">
12807                                                                                                    &#x2B;$85
12808                                                                                                </div>
12809                                                                                            </div>
12810                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
12811                                                                                                <div>
12812                                                                                                    EVR
12813                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
12814                                                                                                </div>
12815                                                                                                <div class="d-flex pl-2">
12816                                                                                                    &#x2B;$37
12817                                                                                                </div>
12818                                                                                            </div>
12819                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
12820                                                                                                <div>
12821                                                                                                    Emissions Test
12822                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
12823                                                                                                </div>
12824                                                                                                <div class="d-flex pl-2">
12825                                                                                                    &#x2B;$59
12826                                                                                                </div>
12827                                                                                            </div>
12828                                                                            <div id="
12828jf2skaxc9mh503608-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
12829                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
12830                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
12831                                                                                </span>
12832                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2skaxc9mh503608-unlock-discount-price"></label></span>
12833                                                                            </div>
12834                                                                            <div id="jf2skaxc9mh503608-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'>
12835                                                                                <div class="mr-2" style="color:#1971d4">
12836                                                                                    <span id="jf2skaxc9mh503608-selling-price-label" class="p-0">Your Price</span>
12837                                                                                </div>
12838                                                                                <div id="jf2skaxc9mh503608-your-price-hide" class=" " style="color:#1971d4">$27,070</div>
12839                                                                            </div>
12840                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
12841                                                                                <div class="mr-2" style="color:#1971d4">
12842                                                                                    <span id="jf2skaxc9mh503608-selling-price-label" class="p-0">Your Price</span>
12843                                                                                </div>
12844                                                                                <div id="jf2skaxc9mh503608-your-price" class=" " style="color:#1971d4">$27,070</div>
12845                                                                            </div>
12846
12847
12848
12849
12850                                                        <total-incentive-discount qualified-data=''
12851                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
12852                                                                                :pricedata="{'msrp':'28485','yourPrice':'27070.0'}"
12853                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
12854                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
12855                                                    <div class="color-black ft-16 mt-1">
12856            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
12857                Disclosure
12858            </div>
12859</div>
12860
12861                                                </div>
12862
12863                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2SKAXC9MH503608", "true"==="true"):!showMsrp )'>
12864                                                                    <div v-if="!unlockHideMsrp">
12865                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-28485' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
12866                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
12867                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
12868                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$28,485</div>
12869                                                                        </div>
12870                                                                    </div>
12871
12872                                                </div>
12873                                            </div>
12874                                </div>
12875                            </div>
12876                        </div>
12877                        <div id="cta-params-JF2SKAXC9MH503608"
12878                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:27070.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
12879                        </div>
12880
12881                        <div>
12882
12883                            <vehicle-badges model="Forester"
12884                                            :current="'srp'"
12885                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
12886                                            :eyesight="''"
12887                                            :starlink="''"
12888                                            :von="''"
12889                                            :onorder="''"
12890                                            :vin="'JF2SKAXC9MH503608'"
12891                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash'"
12892                                            :vehicle-badges-top-srp="'False'"
12893                                            :year="'2021'"
12894                                            :in-transit-background-color-srp="''"
12895                                            :in-transit-badge-color-srp="''"
12896                                            :in-production-background-color-srp="''"
12897                                            :in-production-badge-color-srp="''"
12898                                            @opendisclaimer="openDisclaimerPopup($event)">
12899                            </vehicle-badges>
12900
12901                                <div class="d-flex flex-wrap">
12902                                    
12903
12904
12905
12906
12907
12908
12909                                </div>
12910                        </div>
12911
12912
12913
12914                        <div class="d-flex flex-wrap srp-certified-img-section">
12915
12916
12917
12918                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/Psm3ncVFnUPXD9r95o8WxW7JPLAg3hXs6f6TwU8wtD5W9AemEaKKAeGSzj9bHK7Z9stULmi6mZv7zLJWXzVUpkTigDFNdpQLL2g')">
12919                                        <img src="https://partnerstatic.
12919carfax.com/img/valuebadge/great.svg"
12920                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
12921                                    </div>
12922
12923
12924
12925
12926
12927                        </div>
12928
12929                        <div v-if="currentTheme == 'subaru'" class="mt-3">
12930                            <subaru-badge-new model="Forester"
12931                                            year="2021"
12932                                            make="Subaru"
12933                                            type="Used"
12934                                            :current="'srp'"
12935                                            :transit="'False'"
12936                                            :eyesight="''"
12937                                            :starlink="''"
12938                                            :von="''"
12939                                            :onorder="''"
12940                                            :vin="'JF2SKAXC9MH503608'"
12941                                            :hide-in-transit="'False'"
12942                                            :vehicle-badges-top-srp="'False'"
12943                                            :subaru-consumer-report-class="''"
12944                                            :in-transit-background-color-srp="''"
12945                                            :in-transit-badge-color-srp="''"
12946                                            >
12947                            </subaru-badge-new>
12948                        </div>
12949
12950                    </div>
12951                </div>
12952
12953
12954
12955            </div>
12956        </a>
12957        <template v-if="true">
12958            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
12959                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2SKAXC9MH503608'" class="vehicle-data-overlay-container"
12960                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
12961                     @keydown.esc.prevent="closeDetailsOverlay()"
12962                     @keydown.tab="srpOverlayTrapFocus($event)">
12963                    <div class="vehicle-overlay-data">
12964                        <div class="srp-overlay-options">
12965                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
12966                                <div class="d-flex align-items-center" style="gap: 20px;">
12967                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
12968                                     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>
12969                                    <h3 class="mb-0">Options</h3>
12970                                </div>
12971                                <div>
12972                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
12973                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
12974                                </div>
12975                            </div>
12976
12977                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
12978                                <div class="overlay-nav-items px-3 pt-4">
12979                                    <div class="d-flex overlay-nav-item" tabindex="0"
12980                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKAXC9MH503608', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKAXC9MH503608', overlayType: 'share-options', label: 'Share' })">
12981                                        <em class="primaryicon-share-icon"></em>
12982                                        <span>Share</span>
12983                                    </div>
12984
12985                                        <div class="d-flex overlay-nav-item"
12986                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKAXC9MH503608', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2SKAXC9MH503608', overlayType: 'key-features', label: 'Key Features' })">
12987                                            <em class="primaryicon-key-features-icon"></em>
12988                                            <span>Key Features</span>
12989                                        </div>
12990                                </div>
12991
12992                                <div class="pt-4 px-3 mt-3">
12993                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash")' target="_self"
12994                                        @keydown.space.prevent="$event.currentTarget.click()"
12995                                        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:">
12996                                        View Details
12997                                    </a>
12998                                </div>
12999                            </div>
13000                        </div>
13001                    </div>
13002                </div>
13003            </transition>
13004            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
13005                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2SKAXC9MH503608'"
13006                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
13007                     @keydown.esc.prevent="navigateToDetailsOverlay()"
13008                     @keydown.tab="srpOverlayTrapFocus($event)">
13009                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
13010                        <div class="d-flex align-items-center" style="gap: 20px;">
13011                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
13012                            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>
13013                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
13014                        </div>
13015                        <div>
13016                            <em class="primaryicon-close-icon-gray"
13017                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
13018                        </div>
13019                    </div>
13020                    <div class="mt-3 pt-4 overlay-section-links">
13021                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
13022                        <template v-if="!isLoadingOverlayDetails">
13023                            <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>
13024                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash" vehicle-name="Used 2021 Subaru Forester Touring" :page-type-id="18" :style-id="416770" class="overlay-section-content"></share-options>
13025                            <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>
13026                        </template>
13027                    </div>
13028                </div>
13029            </transition>
13030        </template>
13031    </div>
13032        
13032<script type="application/javascript">
13033
13034            var rebatesString = "[]";
13035            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
13036            localStorage.setItem("JF1VBAF66N9027410-rebates", formattedRebatesString);
13037
13038        </script>
13038
13039<div data-itemid="Subaru-WRX-Premium-JF1VBAF66N9027410" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
13040        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash" target="_self" @click='vehicleDetails($event, "JF1VBAF66N9027410", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash", {vehicleCount: "30", vehicleIndex: "16",msrp:"27926",yourPrice:"28107.0",sellingPrice:"27926",type:"Used",title:`2022 Subaru WRX Premium`},"true"==="true"), setVintoTransact("JF1VBAF66N9027410", $event,{styleId:"425149"})'
13041        @mouseleave="clearMouseHoverValue()"
13042        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
13043        used-large-box" style="height: 100%;">
13044
13045            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
13046                <div class="position-relative">
13047                    <div class="srp-top-badges">
13048                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
13049                            <div class="d-flex align-items-center gap-10">
13050                                            <div class="specials-indicator-wrapper">
13051                                                <inventory-specials-indicator
13052                                                bg-color=""
13053                                                text="">
13054                                                </inventory-specials-indicator>
13055                                            </div>
13056                            </div>
13057                        </div>
13058
13059                    </div>
13060
13061
13062                    <div id="EZ360_CVDP"></div>
13063
13064                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
13065                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF1VBAF66N9027410'" class="vehicle-box__image">
13066                                    <img src="https://cdn.max.auto/t_hres/108741/JF1VBAF66N9027410/6a9a6961b21b03fd7f19fed4.jpg" class="img-fluid srp-vehiclebox-image"
13067                                    title="2022 Subaru WRX Premium" alt="2022 Subaru WRX Premium" />
13068
13069                        </div>
13070
13071                        <div class="dp-srp-evox-media-JF1VBAF66N9027410" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF1VBAF66N9027410'"></div>
13072
13073                        <div class="vehicle-info-icon">
13074                            <em
13075                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF1VBAF66N9027410')"
13076                            class="primaryicon-options-btn-new info-icon-css"
13077                            data-vin="JF1VBAF66N9027410"
13078                            tabindex="0"
13079                            role="button"
13080                            aria-label="Vehicle info"
13081                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF1VBAF66N9027410')"
13082                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF1VBAF66N9027410')"
13083                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
13084                        </div>
13085                    </div>
13086
13087
13088                    <div class="vehiclebox-info-section p-3">
13089                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
13090                            <div class="d-flex">
13091                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
13092                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
13093                                        2022 Subaru WRX Premium
13094                                    </h2>
13095                                </div>
13096                            </div>
13097                        </div>
13098
13099                        <div class="vehicle-summary-section mt-3 ">
13100                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
13101                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
13102            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):showMsrp)'>
13103                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
13104                                            <div class="mr-2" style="color:#1971d4">
13105                                                <span id="jf1vbaf66n9027410-price-summary-label">Your Price</span>
13106                                            </div>
13107                                            <div id="jf1vbaf66n9027410-price-summary-value" class=" " style="color:#1971d4">$28,107</div>
13108                                        </div>
13109
13110            </div>
13111            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):!showMsrp )'>
13112                                <div v-if="!unlockHideMsrp">
13113                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
13114                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
13115                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,926</div>
13116                                    </div>
13117                                </div>
13118
13119            </div>
13120        </div>
13121
13122                            </div>
13123
13124                                <template v-if="true">
13125                                    <div class="vehicle-summary-cta flex-1">
13126                                        <object>
13127                                               <div class="primary-button-parent">
13128        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash#Transact" target="_self"
13129           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF1VBAF66N9027410");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash",$event,"_self")'
13130           @keydown.space.prevent="$event.currentTarget.click()"
13131           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
13132           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
13133            CALCULATE PAYMENTS
13134        </a>
13135    </div>
13136
13137                                        </object>
13138                                    </div>
13139                                </template>
13140                        </div>
13141<div class="color-black ft-16 mt-1">
13142            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
13143                Disclosure
13144            </div>
13145</div>
13146
13147
13148                        <div class="show section-separator my-4"></div>
13149
13150
13151                            <template v-if="true">
13152                                <object>
13153                                    <div class="app-level-cta-container">
13154
13155
13156
13157
13158
13159
13160
13161                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF1VBAF66N9027410","true"==="true"))' class="primary-button-parent">
13162                                                    <a :style="ctaBtnStyles"
13163                                                     tabindex="0" role="button"
13164                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash", "JF1VBAF66N9027410", "Used")'
13165                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash", "JF1VBAF66N9027410", "Used")'
13166                                                    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">
13167                                                        {{inventorySettings.data.buttonLabel}}
13168                                                    </a>
13169                                                 </div>
13170                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
13171                                                                    <a v-if="applySecondary
13171Design" href=""
13172                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
13173                                                                        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"
13174                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13175                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13176                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13177                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
13178                                                                    <a v-else href=""
13179                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
13180                                                                        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"
13181                                                                        @click.prevent="
13182                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13183                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13184                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13185                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
13186                                                                        GET MORE INFORMATION
13187                                                                    </a>
13188                                                                </div>
13189                                                                    <div class="primary-button-parent">
13190                                                                        <a v-if="applySecondary
13190Design"
13191                                                                            href="javascript:void(0)"
13192                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
13193                                                                            class=" 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"
13194                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13195                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
13196                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
13197                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
13198                                                                            CALL (805) 790-9466
13199                                                                        </a>
13200                                                                        <a v-else
13201                                                                            href="javascript:void(0)"
13202                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
13203                                                                            class=" 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"
13204                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13205                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
13206                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
13207                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAF66N9027410&quot;,&quot;year&quot;:&quot;2022&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:369.97,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;N9027410P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
13208                                                                            >
13209                                                                            CALL (805) 790-9466
13210                                                                        </a>
13211                                                                    </div>
13212
13213
13214
13215
13216                                    </div>
13217                                </object>
13218                            </template>
13219
13220                            <div class="mt-3">
13221
13222
13223                                <div class="inventory-btns" style="width:100%;" v-cloak>
13224
13225
13226                                    <object class="d-flex flex-column primary-inventory-btn-group">
13227                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
13228                                        <div class="pi-pullup-container"></div>
13229                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
13230
13231                                        <div class="dvs_vin_btn" vin="JF1VBAF66N9027410"></div>
13232
13233
13234
13235
13236
13237
13238                                    </object>
13239
13240
13241
13242
13243
13244
13245
13246
13247
13248                                    
13249
13250
13251
13252
13253
13254
13255
13256
13257
13258                                </div>
13259
13260
13261                                    <div class="my-2 w-100 text-center">
13262                                        <div class="les_video" les_vin="JF1VBAF66N9027410"></div>
13263                                    </div>
13264
13265
13266
13267
13268                            </div>
13269
13270                            <active-engage-widget v-if="isEnableActivEngageSrp"
13271                                                custom-class="py-2 ft-12"></active-engage-widget>
13272                        <div class="srp-tabs-section mt-3">
13273                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
13274                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1VBAF66N9027410'] || 'payments') === 'details' }"
13275                                    tabindex="0" role="tab"
13276                                    aria-label="Details"
13277                                    :aria-selected="(activeTabsByVin['JF1VBAF66N9027410'] || 'payments') === 'details'"
13278                                    aria-controls="tab-panel-details-JF1VBAF66N9027410"
13279                                    @click.stop.prevent="setActiveTab('details', 'JF1VBAF66N9027410')"
13280                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF1VBAF66N9027410')">
13281                                        Details
13282                                    </div>
13283                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1VBAF66N9027410'] || 'payments') === 'payments' }"
13284                                tabindex="0" role="tab"
13285                                aria-label="Pricing"
13286                                :aria-selected="(activeTabsByVin['JF1VBAF66N9027410'] || 'payments') === 'payments'"
13287                                aria-controls="tab-panel-payments-JF1VBAF66N9027410"
13288                                @click.stop.prevent="setActiveTab('payments', 'JF1VBAF66N9027410')"
13289                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF1VBAF66N9027410')">
13290                                    Pricing
13291                                </div>
13292                            </div>
13293
13294                            <div class="srp-tab-content">
13295                                <div :class="(activeTabsByVin['JF1VBAF66N9027410'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF1VBAF66N9027410" aria-label="Details">
13296                                    <div class="vehicle-details-list">
13297
13298
13299                                            <div class="details-item-row">
13300                                                <div class="details-item-label">Stock #</div>
13301                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
13302                                                    <div id="copy_stock" class="d-inline">N9027410P</div>
13303                                                </div>
13304                                            </div>
13305
13306                                        
13307
13308
13309
13310
13311
13312                                                <div class="details-item-row">
13313                                                    <div class="details-item-label">Mileage</div>
13314                                                    <div class="details-item-value">28,329 Miles</div>
13315                                                </div>
13316
13317                                    </div>
13318
13319                                </div>
13320                                <div :class="(activeTabsByVin['JF1VBAF66N9027410'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF1VBAF66N9027410" aria-label="Pricing">
13321                                            <div class="msrppanel-label">
13322                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):showMsrp)'>
13323
13324
13325                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27926' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13326                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
13327                                                                                    
13328
13329<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
13330    KBB Price
13331</div>
13332<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$27,926</div>
13333
13334
13335                                                                                </div>
13336                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
13337                                                                                                <div>
13338                                                                                                    Doc Fee
13339                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13340                                                                                                </div>
13341                                                                                                <div class="d-flex pl-2">
13342                                                                                                    &#x2B;$85
13343                                                                                                </div>
13344                                                                                            </div>
13345                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
13346                                                                                                <div>
13347                                                                                                    EVR
13348                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13349                                                                                                </div>
13350                                                                                                <div class="d-flex pl-2">
13351                                                                                                    &#x2B;$37
13352                                                                                                </div>
13353                                                                                            </div>
13354                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
13355                                                                                                <div>
13356                                                                                                    Emissions Test
13357                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13358                                                                                                </div>
13359                                                                                                <div class="d-flex pl-2">
13360                                                                                                    &#x2B;$59
13361                                                                                                </div>
13362                                                                                            </div>
13363                                                                            <div id="jf1vbaf66n9027410-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
13364                                                                                <sp
13364an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
13365                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
13366                                                                                </span>
13367                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf1vbaf66n9027410-unlock-discount-price"></label></span>
13368                                                                            </div>
13369                                                                            <div id="jf1vbaf66n9027410-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'>
13370                                                                                <div class="mr-2" style="color:#1971d4">
13371                                                                                    <span id="jf1vbaf66n9027410-selling-price-label" class="p-0">Your Price</span>
13372                                                                                </div>
13373                                                                                <div id="jf1vbaf66n9027410-your-price-hide" class=" " style="color:#1971d4">$28,107</div>
13374                                                                            </div>
13375                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
13376                                                                                <div class="mr-2" style="color:#1971d4">
13377                                                                                    <span id="jf1vbaf66n9027410-selling-price-label" class="p-0">Your Price</span>
13378                                                                                </div>
13379                                                                                <div id="jf1vbaf66n9027410-your-price" class=" " style="color:#1971d4">$28,107</div>
13380                                                                            </div>
13381
13382
13383
13384
13385                                                        <total-incentive-discount qualified-data=''
13386                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
13387                                                                                :pricedata="{'msrp':'27926','yourPrice':'28107.0'}"
13388                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
13389                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
13390                                                    <div class="color-black ft-16 mt-1">
13391            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
13392                Disclosure
13393            </div>
13394</div>
13395
13396                                                </div>
13397
13398                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAF66N9027410", "true"==="true"):!showMsrp )'>
13399                                                                    <div v-if="!unlockHideMsrp">
13400                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-27926' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13401                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
13402                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
13403                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$27,926</div>
13404                                                                        </div>
13405                                                                    </div>
13406
13407                                                </div>
13408                                            </div>
13409                                </div>
13410                            </div>
13411                        </div>
13412                        <div id="cta-params-JF1VBAF66N9027410"
13413                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:28107.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
13414                        </div>
13415
13416                        <div>
13417
13418                            <vehicle-badges model="WRX"
13419                                            :current="'srp'"
13420                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
13421                                            :eyesight="'False'"
13422                                            :starlink="'False'"
13423                                            :von="''"
13424                                            :onorder="''"
13425                                            :vin="'JF1VBAF66N9027410'"
13426                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash'"
13427                                            :vehicle-badges-top-srp="'False'"
13428                                            :year="'2022'"
13429                                            :in-transit-background-color-srp="''"
13430                                            :in-transit-badge-color-srp="''"
13431                                            :in-production-background-color-srp="''"
13432                                            :in-production-badge-color-srp="''"
13433                                            @opendisclaimer="openDisclaimerPopup($event)">
13434                            </vehicle-badges>
13435
13436                                <div class="d-flex flex-wrap">
13437                                    
13438
13439
13440
13441
13442
13443
13444                                </div>
13445                        </div>
13446
13447
13448
13449                        <div class="d-flex flex-wrap srp-certified-img-section">
13450
13451
13452                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
13453                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
13454                                        </div>
13455
13456                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/Pso1T16X_BJ9AzUxvZ2uspEwFXDq2SkJ1l8fwfRsEZzechPbF6HGwndriLmgtiIltssWSfQb9ROpmVfT0F7kMvvLer_qUstkT0Q')">
13457                                        <img src="https://partnerstatic.
13457carfax.com/img/valuebadge/good.svg"
13458                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
13459                                    </div>
13460
13461
13462
13463
13464
13465                        </div>
13466
13467                        <div v-if="currentTheme == 'subaru'" class="mt-3">
13468                            <subaru-badge-new model="WRX"
13469                                            year="2022"
13470                                            make="Subaru"
13471                                            type="Used"
13472                                            :current="'srp'"
13473                                            :transit="'False'"
13474                                            :eyesight="'False'"
13475                                            :starlink="'False'"
13476                                            :von="''"
13477                                            :onorder="''"
13478                                            :vin="'JF1VBAF66N9027410'"
13479                                            :hide-in-transit="'False'"
13480                                            :vehicle-badges-top-srp="'False'"
13481                                            :subaru-consumer-report-class="''"
13482                                            :in-transit-background-color-srp="''"
13483                                            :in-transit-badge-color-srp="''"
13484                                            >
13485                            </subaru-badge-new>
13486                        </div>
13487
13488                    </div>
13489                </div>
13490
13491
13492
13493            </div>
13494        </a>
13495        <template v-if="true">
13496            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
13497                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF1VBAF66N9027410'" class="vehicle-data-overlay-container"
13498                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
13499                     @keydown.esc.prevent="closeDetailsOverlay()"
13500                     @keydown.tab="srpOverlayTrapFocus($event)">
13501                    <div class="vehicle-overlay-data">
13502                        <div class="srp-overlay-options">
13503                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
13504                                <div class="d-flex align-items-center" style="gap: 20px;">
13505                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
13506                                     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>
13507                                    <h3 class="mb-0">Options</h3>
13508                                </div>
13509                                <div>
13510                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
13511                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
13512                                </div>
13513                            </div>
13514
13515                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
13516                                <div class="overlay-nav-items px-3 pt-4">
13517                                    <div class="d-flex overlay-nav-item" tabindex="0"
13518                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAF66N9027410', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAF66N9027410', overlayType: 'share-options', label: 'Share' })">
13519                                        <em class="primaryicon-share-icon"></em>
13520                                        <span>Share</span>
13521                                    </div>
13522
13523                                        <div class="d-flex overlay-nav-item"
13524                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAF66N9027410', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAF66N9027410', overlayType: 'key-features', label: 'Key Features' })">
13525                                            <em class="primaryicon-key-features-icon"></em>
13526                                            <span>Key Features</span>
13527                                        </div>
13528                                </div>
13529
13530                                <div class="pt-4 px-3 mt-3">
13531                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash")' target="_self"
13532                                        @keydown.space.prevent="$event.currentTarget.click()"
13533                                        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:">
13534                                        View Details
13535                                    </a>
13536                                </div>
13537                            </div>
13538                        </div>
13539                    </div>
13540                </div>
13541            </transition>
13542            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
13543                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF1VBAF66N9027410'"
13544                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
13545                     @keydown.esc.prevent="navigateToDetailsOverlay()"
13546                     @keydown.tab="srpOverlayTrapFocus($event)">
13547                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
13548                        <div class="d-flex align-items-center" style="gap: 20px;">
13549                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
13550                            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>
13551                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
13552                        </div>
13553                        <div>
13554                            <em class="primaryicon-close-icon-gray"
13555                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
13556                        </div>
13557                    </div>
13558                    <div class="mt-3 pt-4 overlay-section-links">
13559                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
13560                        <template v-if="!isLoadingOverlayDetails">
13561                            <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>
13562                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash" vehicle-name="Used 2022 Subaru WRX Premium" :page-type-id="18" :style-id="425149" class="overlay-section-content"></share-options>
13563                            <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>
13564                        </template>
13565                    </div>
13566                </div>
13567            </transition>
13568        </template>
13569    </div>
13570        
13570<script type="application/javascript">
13571
13572            var rebatesString = "[]";
13573            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
13574            localStorage.setItem("4S4GUHD62T3711441-rebates", formattedRebatesString);
13575
13576        </script>
13576
13577<div data-itemid="Subaru-Crosstrek-Premium-4S4GUHD62T3711441" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
13578        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4GUHD62T3711441", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "17",msrp:"30250",yourPrice:"28439.0",sellingPrice:"28258",type:"Used",title:`2026 Subaru Crosstrek Premium`},"true"==="true"), setVintoTransact("4S4GUHD62T3711441", $event,{styleId:"476403"})'
13579        @mouseleave="clearMouseHoverValue()"
13580        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
13581        used-large-box" style="height: 100%;">
13582
13583            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
13584                <div class="position-relative">
13585                    <div class="srp-top-badges">
13586                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
13587                            <div class="d-flex align-items-center gap-10">
13588                                            <div class="specials-indicator-wrapper">
13589                                                <inventory-specials-indicator
13590                                                bg-color=""
13591                                                text="">
13592                                                </inventory-specials-indicator>
13593                                            </div>
13594                            </div>
13595                        </div>
13596
13597                    </div>
13598
13599
13600                    <div id="EZ360_CVDP"></div>
13601
13602                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
13603                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4GUHD62T3711441'" class="vehicle-box__image">
13604                                    <img src="https://cdn.max.auto/t_hres/108741/4S4GUHD62T3711441/6a6ea1a8b4490239a8b28f57.jpg" class="img-fluid srp-vehiclebox-image"
13605                                    title="2026 Subaru Crosstrek Premium" alt="2026 Subaru Crosstrek Premium" />
13606
13607                        </div>
13608
13609                        <div class="dp-srp-evox-media-4S4GUHD62T3711441" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4GUHD62T3711441'"></div>
13610
13611                        <div class="vehicle-info-icon">
13612                            <em
13613                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4GUHD62T3711441')"
13614                            class="primaryicon-options-btn-new info-icon-css"
13615                            data-vin="4S4GUHD62T3711441"
13616                            tabindex="0"
13617                            role="button"
13618                            aria-label="Vehicle info"
13619                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4GUHD62T3711441')"
13620                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4GUHD62T3711441')"
13621                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
13622                        </div>
13623                    </div>
13624
13625
13626                    <div class="vehiclebox-info-section p-3">
13627                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
13628                            <div class="d-flex">
13629                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
13630                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
13631                                        2026 Subaru Crosstrek Premium
13632                                    </h2>
13633                                </div>
13634                            </div>
13635                        </div>
13636
13637                        <div class="vehicle-summary-section mt-3 ">
13638                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
13639                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
13640            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):showMsrp)'>
13641                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
13642                                            <div class="mr-2" style="color:#1971d4">
13643                                                <span id="4s4guhd62t3711441-price-summary-label">Your Price</span>
13644                                            </div>
13645                                            <div id="4s4guhd62t3711441-price-summary-value" class=" " style="color:#1971d4">$28,439</div>
13646                                        </div>
13647
13648            </div>
13649            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):!showMsrp )'>
13650                                <div v-if="!unlockHideMsrp">
13651                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
13652                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
13653                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$30,250</div>
13654                                    </div>
13655                                </div>
13656
13657            </div>
13658        </div>
13659
13660                            </div>
13661
13662                                <template v-if="true">
13663                                    <div class="vehicle-summary-cta flex-1">
13664                                        <object>
13665                                               <div class="primary-button-parent">
13666        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
13667           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4GUHD62T3711441");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
13668           @keydown.space.prevent="$event.currentTarget.click()"
13669           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
13670           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
13671            CALCULATE PAYMENTS
13672        </a>
13673    </div>
13674
13675                                        </object>
13676                                    </div>
13677                                </template>
13678                        </div>
13679<div class="color-black ft-16 mt-1">
13680            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
13681                Disclosure
13682            </div>
13683</div>
13684
13685
13686                        <div class="show section-separator my-4"></div>
13687
13688
13689                            <template v-if="true">
13690                                <object>
13691                                    <div class="app-level-cta-container">
13692
13693
13694
13695
13696
13697
13698
13699                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4GUHD62T3711441","true"==="true"))' class="primary-button-parent">
13700                                                    <a :style="ctaBtnStyles"
13701                                                     tabindex="0" role="button"
13702                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash", "4S4GUHD62T3711441", "Used")'
13703                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash", "4S4GUHD62T3711441", "Used")'
13704                                                    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">
13705                                                        {{inventorySettings.data.buttonLabel}}
13706                                                    </a>
13707                                                 </div>
13708                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
13709                                                                    <a v-if="applySecondary
13709Design" href=""
13710                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
13711                                                                        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"
13712                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13713                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13714                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13715                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
13716                                                                    <a v-else href=""
13717                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
13718                                                                        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"
13719                                                                        @click.prevent="
13720                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13721                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
13722                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13723                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
13724                                                                        GET MORE INFORMATION
13725                                                                    </a>
13726                                                                </div>
13727                                                                    <div class="primary-button-parent">
13728                                                                        <a v-if="applySecondary
13728Design"
13729                                                                            href="javascript:void(0)"
13730                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
13731                                                                            class=" 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"
13732                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13733                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
13734                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
13735                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
13736                                                                            CALL (805) 790-9466
13737                                                                        </a>
13738                                                                        <a v-else
13739                                                                            href="javascript:void(0)"
13740                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
13741                                                                            class=" 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"
13742                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
13743                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
13744                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
13745                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD62T3711441&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:370.07,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711441R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
13746                                                                            >
13747                                                                            CALL (805) 790-9466
13748                                                                        </a>
13749                                                                    </div>
13750
13751
13752
13753
13754                                    </div>
13755                                </object>
13756                            </template>
13757
13758                            <div class="mt-3">
13759
13760
13761                                <div class="inventory-btns" style="width:100%;" v-cloak>
13762
13763
13764                                    <object class="d-flex flex-column primary-inventory-btn-group">
13765                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
13766                                        <div class="pi-pullup-container"></div>
13767                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
13768
13769                                        <div class="dvs_vin_btn" vin="4S4GUHD62T3711441"></div>
13770
13771
13772
13773
13774
13775
13776                                    </object>
13777
13778
13779
13780
13781
13782
13783
13784
13785
13786                                    
13787
13788
13789
13790
13791
13792
13793
13794
13795
13796                                </div>
13797
13798
13799                                    <div class="my-2 w-100 text-center">
13800                                        <div class="les_video" les_vin="4S4GUHD62T3711441"></div>
13801                                    </div>
13802
13803
13804
13805
13806                            </div>
13807
13808                            <active-engage-widget v-if="isEnableActivEngageSrp"
13809                                                custom-class="py-2 ft-12"></active-engage-widget>
13810                        <div class="srp-tabs-section mt-3">
13811                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
13812                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHD62T3711441'] || 'payments') === 'details' }"
13813                                    tabindex="0" role="tab"
13814                                    aria-label="Details"
13815                                    :aria-selected="(activeTabsByVin['4S4GUHD62T3711441'] || 'payments') === 'details'"
13816                                    aria-controls="tab-panel-details-4S4GUHD62T3711441"
13817                                    @click.stop.prevent="setActiveTab('details', '4S4GUHD62T3711441')"
13818                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4GUHD62T3711441')">
13819                                        Details
13820                                    </div>
13821                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHD62T3711441'] || 'payments') === 'payments' }"
13822                                tabindex="0" role="tab"
13823                                aria-label="Pricing"
13824                                :aria-selected="(activeTabsByVin['4S4GUHD62T3711441'] || 'payments') === 'payments'"
13825                                aria-controls="tab-panel-payments-4S4GUHD62T3711441"
13826                                @click.stop.prevent="setActiveTab('payments', '4S4GUHD62T3711441')"
13827                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4GUHD62T3711441')">
13828                                    Pricing
13829                                </div>
13830                            </div>
13831
13832                            <div class="srp-tab-content">
13833                                <div :class="(activeTabsByVin['4S4GUHD62T3711441'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4GUHD62T3711441" aria-label="Details">
13834                                    <div class="vehicle-details-list">
13835
13836
13837                                            <div class="details-item-row">
13838                                                <div class="details-item-label">Stock #</div>
13839                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
13840                                                    <div id="copy_stock" class="d-inline">T3711441R</div>
13841                                                </div>
13842                                            </div>
13843
13844                                        
13845
13846
13847
13848
13849
13850                                                <div class="details-item-row">
13851                                                    <div class="details-item-label">Mileage</div>
13852                                                    <div class="details-item-value">6,223 Miles</div>
13853                                                </div>
13854
13855                                    </div>
13856
13857                                </div>
13858                                <div :class="(activeTabsByVin['4S4GUHD62T3711441'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4GUHD62T3711441" aria-label="Pricing">
13859                                            <div class="msrppanel-label">
13860                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):showMsrp)'>
13861
13862
13863                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-30250' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13864                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
13865                                                                                        
13866
13867<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
13868    KBB Price
13869</div>
13870<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$30,250</div>
13871
13872
13873                                                                                    </div>
13874                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$1,992</span> </div>
13875                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
13876                                                                                                <div>
13877                                                                                                    Doc Fee
13878                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13879                                                                                                </div>
13880                                                                                                <div class="d-flex pl-2">
13881                                                                                                    &#x2B;$85
13882                                                                                                </div>
13883                                                                                            </div>
13884                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
13885                                                                                                <div>
13886                                                                                                    EVR
13887                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13888                                                                                                </div>
13889                                                                                                <div class="d-flex pl-2">
13890                                                                                                    &#x2B;$37
13891                                                                                                </div>
13892                                                                                            </div>
13893                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
13894                                                                                                <div>
13895                                                                                                    Emissions Test
13896                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
13897                                                                                                </div>
13898                                                                                                <div class="d-flex pl-2">
13899                                                                                                    &#x2B;$59
13900                                                                                                </div>
13901                                                                                            </div>
13902                                                                            <div id="4s4guh
13902d62t3711441-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
13903                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
13904                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
13905                                                                                </span>
13906                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4guhd62t3711441-unlock-discount-price"></label></span>
13907                                                                            </div>
13908                                                                            <div id="4s4guhd62t3711441-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'>
13909                                                                                <div class="mr-2" style="color:#1971d4">
13910                                                                                    <span id="4s4guhd62t3711441-selling-price-label" class="p-0">Your Price</span>
13911                                                                                </div>
13912                                                                                <div id="4s4guhd62t3711441-your-price-hide" class=" " style="color:#1971d4">$28,439</div>
13913                                                                            </div>
13914                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
13915                                                                                <div class="mr-2" style="color:#1971d4">
13916                                                                                    <span id="4s4guhd62t3711441-selling-price-label" class="p-0">Your Price</span>
13917                                                                                </div>
13918                                                                                <div id="4s4guhd62t3711441-your-price" class=" " style="color:#1971d4">$28,439</div>
13919                                                                            </div>
13920
13921
13922
13923
13924                                                        <total-incentive-discount qualified-data=''
13925                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
13926                                                                                :pricedata="{'msrp':'30250','yourPrice':'28439.0'}"
13927                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
13928                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
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 includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
13931                Disclosure
13932            </div>
13933</div>
13934
13935                                                </div>
13936
13937                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD62T3711441", "true"==="true"):!showMsrp )'>
13938                                                                    <div v-if="!unlockHideMsrp">
13939                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-30250' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
13940                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
13941                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
13942                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$30,250</div>
13943                                                                        </div>
13944                                                                    </div>
13945
13946                                                </div>
13947                                            </div>
13948                                </div>
13949                            </div>
13950                        </div>
13951                        <div id="cta-params-4S4GUHD62T3711441"
13952                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:28439.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
13953                        </div>
13954
13955                        <div>
13956
13957                            <vehicle-badges model="Crosstrek"
13958                                            :current="'srp'"
13959                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
13960                                            :eyesight="'False'"
13961                                            :starlink="'False'"
13962                                            :von="''"
13963                                            :onorder="''"
13964                                            :vin="'4S4GUHD62T3711441'"
13965                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash'"
13966                                            :vehicle-badges-top-srp="'False'"
13967                                            :year="'2026'"
13968                                            :in-transit-background-color-srp="''"
13969                                            :in-transit-badge-color-srp="''"
13970                                            :in-production-background-color-srp="''"
13971                                            :in-production-badge-color-srp="''"
13972                                            @opendisclaimer="openDisclaimerPopup($event)">
13973                            </vehicle-badges>
13974
13975                                <div class="d-flex flex-wrap">
13976                                    
13977
13978
13979
13980
13981
13982
13983                                </div>
13984                        </div>
13985
13986
13987
13988                        <div class="d-flex flex-wrap srp-certified-img-section">
13989
13990
13991                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
13992                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
13993                                        </div>
13994
13995                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/
13995aX8R5oqnuabHRzGh76tPWv-fWMKNgxcE7aIbYCbRY7sDdUybFydhMZ0I7-YH3cItjdpN5-MrWmzKO2mbTcXXa-RCsSJzsvJqrhA')">
13996                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_great.svg"
13997                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
13998                                    </div>
13999
14000
14001
14002
14003
14004                        </div>
14005
14006                        <div v-if="currentTheme == 'subaru'" class="mt-3">
14007                            <subaru-badge-new model="Crosstrek"
14008                                            year="2026"
14009                                            make="Subaru"
14010                                            type="Used"
14011                                            :current="'srp'"
14012                                            :transit="'False'"
14013                                            :eyesight="'False'"
14014                                            :starlink="'False'"
14015                                            :von="''"
14016                                            :onorder="''"
14017                                            :vin="'4S4GUHD62T3711441'"
14018                                            :hide-in-transit="'False'"
14019                                            :vehicle-badges-top-srp="'False'"
14020                                            :subaru-consumer-report-class="'subaruCrosstrekconsumerreport-2026'"
14021                                            :in-transit-background-color-srp="''"
14022                                            :in-transit-badge-color-srp="''"
14023                                            >
14024                            </subaru-badge-new>
14025                        </div>
14026
14027                    </div>
14028                </div>
14029
14030
14031
14032            </div>
14033        </a>
14034        <template v-if="true">
14035            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
14036                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4GUHD62T3711441'" class="vehicle-data-overlay-container"
14037                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
14038                     @keydown.esc.prevent="closeDetailsOverlay()"
14039                     @keydown.tab="srpOverlayTrapFocus($event)">
14040                    <div class="vehicle-overlay-data">
14041                        <div class="srp-overlay-options">
14042                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14043                                <div class="d-flex align-items-center" style="gap: 20px;">
14044                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
14045                                     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>
14046                                    <h3 class="mb-0">Options</h3>
14047                                </div>
14048                                <div>
14049                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
14050                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
14051                                </div>
14052                            </div>
14053
14054                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
14055                                <div class="overlay-nav-items px-3 pt-4">
14056                                    <div class="d-flex overlay-nav-item" tabindex="0"
14057                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD62T3711441', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD62T3711441', overlayType: '
14057share-options', label: 'Share' })">
14058                                        <em class="primaryicon-share-icon"></em>
14059                                        <span>Share</span>
14060                                    </div>
14061
14062                                        <div class="d-flex overlay-nav-item"
14063                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD62T3711441', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD62T3711441', overlayType: 'key-features', label: 'Key Features' })">
14064                                            <em class="primaryicon-key-features-icon"></em>
14065                                            <span>Key Features</span>
14066                                        </div>
14067                                </div>
14068
14069                                <div class="pt-4 px-3 mt-3">
14070                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash")' target="_self"
14071                                        @keydown.space.prevent="$event.currentTarget.click()"
14072                                        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:">
14073                                        View Details
14074                                    </a>
14075                                </div>
14076                            </div>
14077                        </div>
14078                    </div>
14079                </div>
14080            </transition>
14081            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
14082                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4GUHD62T3711441'"
14083                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
14084                     @keydown.esc.prevent="navigateToDetailsOverlay()"
14085                     @keydown.tab="srpOverlayTrapFocus($event)">
14086                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14087                        <div class="d-flex align-items-center" style="gap: 20px;">
14088                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
14089                            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>
14090                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
14091                        </div>
14092                        <div>
14093                            <em class="primaryicon-close-icon-gray"
14094                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
14095                        </div>
14096                    </div>
14097                    <div class="mt-3 pt-4 overlay-section-links">
14098                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
14099                        <template v-if="!isLoadingOverlayDetails">
14100                            <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>
14101                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 202
141016 Subaru Crosstrek Premium" :page-type-id="18" :style-id="476403" class="overlay-section-content"></share-options>
14102                            <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>
14103                        </template>
14104                    </div>
14105                </div>
14106            </transition>
14107        </template>
14108    </div>
14109        
14109<script type="application/javascript">
14110
14111            var rebatesString = "[]";
14112            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
14113            localStorage.setItem("4S4GUHT65R3724954-rebates", formattedRebatesString);
14114
14115        </script>
14115
14116<div data-itemid="Subaru-Crosstrek-Wilderness-4S4GUHT65R3724954" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
14117        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4GUHT65R3724954", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "18",msrp:"33587",yourPrice:"28923.0",sellingPrice:"28742",type:"Used",title:`2024 Subaru Crosstrek Wilderness`},"true"==="true"), setVintoTransact("4S4GUHT65R3724954", $event,{styleId:"440080"})'
14118        @mouseleave="clearMouseHoverValue()"
14119        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
14120        used-large-box" style="height: 100%;">
14121
14122            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
14123                <div class="position-relative">
14124                    <div class="srp-top-badges">
14125                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
14126                            <div class="d-flex align-items-center gap-10">
14127                                            <div class="specials-indicator-wrapper">
14128                                                <inventory-specials-indicator
14129                                                bg-color=""
14130                                                text="">
14131                                                </inventory-specials-indicator>
14132                                            </div>
14133                            </div>
14134                        </div>
14135
14136                    </div>
14137
14138
14139                    <div id="EZ360_CVDP"></div>
14140
14141                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
14142                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4GUHT65R3724954'" class="vehicle-box__image">
14143                                    <img src="https://cdn.max.auto/t_hres/108741/4S4GUHT65R3724954/6a72dc8238219a8e3828322d.jpg" class="img-fluid srp-vehiclebox-image"
14144                                    title="2024 Subaru Crosstrek Wilderness" alt="2024 Subaru Crosstrek Wilderness" />
14145
14146                        </div>
14147
14148                        <div class="dp-srp-evox-media-4S4GUHT65R3724954" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4GUHT65R3724954'"></div>
14149
14150                        <div class="vehicle-info-icon">
14151                            <em
14152                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4GUHT65R3724954')"
14153                            class="primaryicon-options-btn-new info-icon-css"
14154                            data-vin="4S4GUHT65R3724954"
14155                            tabindex="0"
14156                            role="button"
14157                            aria-label="Vehicle info"
14158                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4GUHT65R3724954')"
14159                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4GUHT65R3724954')"
14160                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
14161                        </div>
14162                    </div>
14163
14164
14165                    <div class="vehiclebox-info-section p-3">
14166                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
14167                            <div class="d-flex">
14168                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
14169                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
14170                                        2024 Subaru Crosstrek Wilderness
14171                                    </h2>
14172                                </div>
14173                            </div>
14174                        </div>
14175
14176                        <div class="vehicle-summary-section mt-3 ">
14177                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
14178                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
14179            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):showMsrp)'>
14180                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
14181                                            <div class="mr-2" style="color:#1971d4">
14182                                                <span id="4s4guht65r3724954-price-summary-label">Your Price</span>
14183                                            </div>
14184                                            <div id="4s4guht65r3724954-price-summary-value" class=" " style="color:#1971d4">$28,923</div>
14185                                        </div>
14186
14187            </div>
14188            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):!showMsrp )'>
14189                                <div v-if="!unlockHideMsrp">
14190                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
14191                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
14192                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$33,587</div>
14193                                    </div>
14194                                </div>
14195
14196            </div>
14197        </div>
14198
14199                            </div>
14200
14201                                <template v-if="true">
14202                                    <div class="vehicle-summary-cta flex-1">
14203                                        <object>
14204                                               <div class="primary-button-parent">
14205        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
14206           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4GUHT65R3724954");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
14207           @keydown.space.prevent="$event.currentTarget.click()"
14208           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
14209           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
14210            CALCULATE PAYMENTS
14211        </a>
14212    </div>
14213
14214                                        </object>
14215                                    </div>
14216                                </template>
14217                        </div>
14218<div class="color-black ft-16 mt-1">
14219            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
14220                Disclosure
14221            </div>
14222</div>
14223
14224
14225                        <div class="show section-separator my-4"></div>
14226
14227
14228                            <template v-if="true">
14229                                <object>
14230                                    <div class="app-level-cta-container">
14231
14232
14233
14234
14235
14236
14237
14238                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4GUHT65R3724954","true"==="true"))' class="primary-button-parent">
14239                                                    <a :style="ctaBtnStyles"
14240                                                     tabindex="0" role="button"
14241                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash", "4S4GUHT65R3724954", "Used")'
14242                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash", "4S4GUHT65R3724954", "Used")'
14243                                                    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">
14244                                                        {{inventorySettings.data.buttonLabel}}
14245                                                    </a>
14246                                                 </div>
14247                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
14248                                                                    <a v-if="applySecondary
14248Design" href=""
14249                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
14250                                                                        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"
14251                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14252                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14253                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14254                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
14255                                                                    <a v-else href=""
14256                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
14257                                                                        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"
14258                                                                        @click.prevent="
14259                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14260                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14261                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14262                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
14263                                                                        GET MORE INFORMATION
14264                                                                    </a>
14265                                                                </div>
14266                                                                    <div class="primary-button-parent">
14267                                                                        <a v-if="applySecondary
14267Design"
14268                                                                            href="javascript:void(0)"
14269                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
14270                                                                            class=" 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"
14271                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14272                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
14273                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
14274                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
14275                                                                            CALL (805) 790-9466
14276                                                                        </a>
14277                                                                        <a v-else
14278                                                                            href="javascript:void(0)"
14279                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
14280                                                                            class=" 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"
14281                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14282                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
14283                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
14284                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT65R3724954&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:376.35,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3724954P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
14285                                                                            >
14286                                                                            CALL (805) 790-9466
14287                                                                        </a>
14288                                                                    </div>
14289
14290
14291
14292
14293                                    </div>
14294                                </object>
14295                            </template>
14296
14297                            <div class="mt-3">
14298
14299
14300                                <div class="inventory-btns" style="width:100%;" v-cloak>
14301
14302
14303                                    <object class="d-flex flex-column primary-inventory-btn-group">
14304                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14305                                        <div class="pi-pullup-container"></div>
14306                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14307
14308                                        <div class="dvs_vin_btn" vin="4S4GUHT65R3724954"></div>
14309
14310
14311
14312
14313
14314
14315                                    </object>
14316
14317
14318
14319
14320
14321
14322
14323
14324
14325                                    
14326
14327
14328
14329
14330
14331
14332
14333
14334
14335                                </div>
14336
14337
14338                                    <div class="my-2 w-100 text-center">
14339                                        <div class="les_video" les_vin="4S4GUHT65R3724954"></div>
14340                                    </div>
14341
14342
14343
14344
14345                            </div>
14346
14347                            <active-engage-widget v-if="isEnableActivEngageSrp"
14348                                                custom-class="py-2 ft-12"></active-engage-widget>
14349                        <div class="srp-tabs-section mt-3">
14350                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
14351                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHT65R3724954'] || 'payments') === 'details' }"
14352                                    tabindex="0" role="tab"
14353                                    aria-label="Details"
14354                                    :aria-selected="(activeTabsByVin['4S4GUHT65R3724954'] || 'payments') === 'details'"
14355                                    aria-controls="tab-panel-details-4S4GUHT65R3724954"
14356                                    @click.stop.prevent="setActiveTab('details', '4S4GUHT65R3724954')"
14357                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4GUHT65R3724954')">
14358                                        Details
14359                                    </div>
14360                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHT65R3724954'] || 'payments') === 'payments' }"
14361                                tabindex="0" role="tab"
14362                                aria-label="Pricing"
14363                                :aria-selected="(activeTabsByVin['4S4GUHT65R3724954'] || 'payments') === 'payments'"
14364                                aria-controls="tab-panel-payments-4S4GUHT65R3724954"
14365                                @click.stop.prevent="setActiveTab('payments', '4S4GUHT65R3724954')"
14366                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4GUHT65R3724954')">
14367                                    Pricing
14368                                </div>
14369                            </div>
14370
14371                            <div class="srp-tab-content">
14372                                <div :class="(activeTabsByVin['4S4GUHT65R3724954'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4GUHT65R3724954" aria-label="Details">
14373                                    <div class="vehicle-details-list">
14374
14375
14376                                            <div class="details-item-row">
14377                                                <div class="details-item-label">Stock #</div>
14378                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
14379                                                    <div id="copy_stock" class="d-inline">R3724954P</div>
14380                                                </div>
14381                                            </div>
14382
14383                                        
14384
14385
14386
14387
14388
14389                                                <div class="details-item-row">
14390                                                    <div class="details-item-label">Mileage</div>
14391                                                    <div class="details-item-value">9,612 Miles</div>
14392                                                </div>
14393
14394                                    </div>
14395
14396                                </div>
14397                                <div :class="(activeTabsByVin['4S4GUHT65R3724954'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4GUHT65R3724954" aria-label="Pricing">
14398                                            <div class="msrppanel-label">
14399                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):showMsrp)'>
14400
14401
14402                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-33587' :sh
14402owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
14403                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
14404                                                                                        
14405
14406<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
14407    KBB Price
14408</div>
14409<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$33,587</div>
14410
14411
14412                                                                                    </div>
14413                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$4,845</span> </div>
14414                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
14415                                                                                                <div>
14416                                                                                                    Doc Fee
14417                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14418                                                                                                </div>
14419                                                                                                <div class="d-flex pl-2">
14420                                                                                                    &#x2B;$85
14421                                                                                                </div>
14422                                                                                            </div>
14423                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
14424                                                                                                <div>
14425                                                                                                    EVR
14426                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14427                                                                                                </div>
14428                                                                                                <div class="d-flex pl-2">
14429                                                                                                    &#x2B;$37
14430                                                                                                </div>
14431                                                                                            </div>
14432                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
14433                                                                                                <div>
14434                                                                                                    Emissions Test
14435                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14436                                                                                                </div>
14437                                                                                                <div class="d-flex pl-2">
14438                                                                                                    &#x2B;$59
14439                                                                                                </div>
14440                                                                                            </div>
14441                                                                            <div id="4s4guht65r3724954-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
14442                                                                                <sp
14442an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
14443                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
14444                                                                                </span>
14445                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4guht65r3724954-unlock-discount-price"></label></span>
14446                                                                            </div>
14447                                                                            <div id="4s4guht65r3724954-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'>
14448                                                                                <div class="mr-2" style="color:#1971d4">
14449                                                                                    <span id="4s4guht65r3724954-selling-price-label" class="p-0">Your Price</span>
14450                                                                                </div>
14451                                                                                <div id="4s4guht65r3724954-your-price-hide" class=" " style="color:#1971d4">$28,923</div>
14452                                                                            </div>
14453                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
14454                                                                                <div class="mr-2" style="color:#1971d4">
14455                                                                                    <span id="4s4guht65r3724954-selling-price-label" class="p-0">Your Price</span>
14456                                                                                </div>
14457                                                                                <div id="4s4guht65r3724954-your-price" class=" " style="color:#1971d4">$28,923</div>
14458                                                                            </div>
14459
14460
14461
14462
14463                                                        <total-incentive-discount qualified-data=''
14464                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
14465                                                                                :pricedata="{'msrp':'33587','yourPrice':'28923.0'}"
14466                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
14467                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
14468                                                    <div class="color-black ft-16 mt-1">
14469            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
14470                Disclosure
14471            </div>
14472</div>
14473
14474                                                </div>
14475
14476                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT65R3724954", "true"==="true"):!showMsrp )'>
14477                                                                    <div v-if="!unlockHideMsrp">
14478                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-33587' :sh
14478owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
14479                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
14480                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
14481                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$33,587</div>
14482                                                                        </div>
14483                                                                    </div>
14484
14485                                                </div>
14486                                            </div>
14487                                </div>
14488                            </div>
14489                        </div>
14490                        <div id="cta-params-4S4GUHT65R3724954"
14491                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:28923.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
14492                        </div>
14493
14494                        <div>
14495
14496                            <vehicle-badges model="Crosstrek"
14497                                            :current="'srp'"
14498                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
14499                                            :eyesight="'False'"
14500                                            :starlink="'False'"
14501                                            :von="''"
14502                                            :onorder="''"
14503                                            :vin="'4S4GUHT65R3724954'"
14504                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash'"
14505                                            :vehicle-badges-top-srp="'False'"
14506                                            :year="'2024'"
14507                                            :in-transit-background-color-srp="''"
14508                                            :in-transit-badge-color-srp="''"
14509                                            :in-production-background-color-srp="''"
14510                                            :in-production-badge-color-srp="''"
14511                                            @opendisclaimer="openDisclaimerPopup($event)">
14512                            </vehicle-badges>
14513
14514                                <div class="d-flex flex-wrap">
14515                                    
14516
14517
14518
14519
14520
14521
14522                                </div>
14523                        </div>
14524
14525
14526
14527                        <div class="d-flex flex-wrap srp-certified-img-section">
14528
14529
14530                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
14531                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
14532                                        </div>
14533
14534                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/M5Oc5o2UbBCryzv5HYurl8HSLWVJGUAjgrTRPe0budu-Qz6jnfyNIPY1RNaqt0IpbDSluaEjWRl1qQ2FQ14jbBA3CcSkWZEsJiU')">
14535                                        <img src="https://partnerstatic.
14535carfax.com/img/valuebadge/1own_great.svg"
14536                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
14537                                    </div>
14538
14539
14540
14541
14542
14543                        </div>
14544
14545                        <div v-if="currentTheme == 'subaru'" class="mt-3">
14546                            <subaru-badge-new model="Crosstrek"
14547                                            year="2024"
14548                                            make="Subaru"
14549                                            type="Used"
14550                                            :current="'srp'"
14551                                            :transit="'False'"
14552                                            :eyesight="'False'"
14553                                            :starlink="'False'"
14554                                            :von="''"
14555                                            :onorder="''"
14556                                            :vin="'4S4GUHT65R3724954'"
14557                                            :hide-in-transit="'False'"
14558                                            :vehicle-badges-top-srp="'False'"
14559                                            :subaru-consumer-report-class="''"
14560                                            :in-transit-background-color-srp="''"
14561                                            :in-transit-badge-color-srp="''"
14562                                            >
14563                            </subaru-badge-new>
14564                        </div>
14565
14566                    </div>
14567                </div>
14568
14569
14570
14571            </div>
14572        </a>
14573        <template v-if="true">
14574            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
14575                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4GUHT65R3724954'" class="vehicle-data-overlay-container"
14576                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
14577                     @keydown.esc.prevent="closeDetailsOverlay()"
14578                     @keydown.tab="srpOverlayTrapFocus($event)">
14579                    <div class="vehicle-overlay-data">
14580                        <div class="srp-overlay-options">
14581                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14582                                <div class="d-flex align-items-center" style="gap: 20px;">
14583                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
14584                                     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>
14585                                    <h3 class="mb-0">Options</h3>
14586                                </div>
14587                                <div>
14588                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
14589                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
14590                                </div>
14591                            </div>
14592
14593                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
14594                                <div class="overlay-nav-items px-3 pt-4">
14595                                    <div class="d-flex overlay-nav-item" tabindex="0"
14596                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT65R3724954', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT65R3724954', overlayType: 'share-options', label: 'Share' })">
14597                                        <em class="primaryicon-share-icon"></em>
14598                                        <span>Share</span>
14599                                    </div>
14600
14601                                        <div class="d-flex overlay-nav-item"
14602                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT65R3724954', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT65R3724954', overlayType: 'key-features', label: 'Key Features' })">
14603                                            <em class="primaryicon-key-features-icon"></em>
14604                                            <span>Key Features</span>
14605                                        </div>
14606                                </div>
14607
14608                                <div class="pt-4 px-3 mt-3">
14609                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash")' target="_self"
14610                                        @keydown.space.prevent="$event.currentTarget.click()"
14611                                        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:">
14612                                        View Details
14613                                    </a>
14614                                </div>
14615                            </div>
14616                        </div>
14617                    </div>
14618                </div>
14619            </transition>
14620            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
14621                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4GUHT65R3724954'"
14622                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
14623                     @keydown.esc.prevent="navigateToDetailsOverlay()"
14624                     @keydown.tab="srpOverlayTrapFocus($event)">
14625                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
14626                        <div class="d-flex align-items-center" style="gap: 20px;">
14627                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
14628                            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>
14629                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
14630                        </div>
14631                        <div>
14632                            <em class="primaryicon-close-icon-gray"
14633                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
14634                        </div>
14635                    </div>
14636                    <div class="mt-3 pt-4 overlay-section-links">
14637                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
14638                        <template v-if="!isLoadingOverlayDetails">
14639                            <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>
14640                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2024 Subaru Crosstrek Wilderness" :page-type-id="18" :style-id="440080" class="overlay-section-content"></share-options>
14641                            <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>
14642                        </template>
14643                    </div>
14644                </div>
14645            </transition>
14646        </template>
14647    </div>
14648        
14648<script type="application/javascript">
14649
14650            var rebatesString = "[]";
14651            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
14652            localStorage.setItem("4S4GUHF61T3711721-rebates", formattedRebatesString);
14653
14654        </script>
14654
14655<div data-itemid="Subaru-Crosstrek-Sport-4S4GUHF61T3711721" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
14656        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4GUHF61T3711721", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "19",msrp:"32963",yourPrice:"29767.0",sellingPrice:"29586",type:"Used",title:`2026 Subaru Crosstrek Sport`},"true"==="true"), setVintoTransact("4S4GUHF61T3711721", $event,{styleId:"476404"})'
14657        @mouseleave="clearMouseHoverValue()"
14658        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
14659        used-large-box" style="height: 100%;">
14660
14661            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
14662                <div class="position-relative">
14663                    <div class="srp-top-badges">
14664                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
14665                            <div class="d-flex align-items-center gap-10">
14666                                            <div class="specials-indicator-wrapper">
14667                                                <inventory-specials-indicator
14668                                                bg-color=""
14669                                                text="">
14670                                                </inventory-specials-indicator>
14671                                            </div>
14672                            </div>
14673                        </div>
14674
14675                    </div>
14676
14677
14678                    <div id="EZ360_CVDP"></div>
14679
14680                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
14681                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4GUHF61T3711721'" class="vehicle-box__image">
14682                                    <img src="https://cdn.max.auto/t_hres/108741/4S4GUHF61T3711721/6aac35b1050dae99f5c59b6f.jpg" class="img-fluid srp-vehiclebox-image"
14683                                    title="2026 Subaru Crosstrek Sport" alt="2026 Subaru Crosstrek Sport" />
14684
14685                        </div>
14686
14687                        <div class="dp-srp-evox-media-4S4GUHF61T3711721" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4GUHF61T3711721'"></div>
14688
14689                        <div class="vehicle-info-icon">
14690                            <em
14691                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4GUHF61T3711721')"
14692                            class="primaryicon-options-btn-new info-icon-css"
14693                            data-vin="4S4GUHF61T3711721"
14694                            tabindex="0"
14695                            role="button"
14696                            aria-label="Vehicle info"
14697                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4GUHF61T3711721')"
14698                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4GUHF61T3711721')"
14699                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
14700                        </div>
14701                    </div>
14702
14703
14704                    <div class="vehiclebox-info-section p-3">
14705                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
14706                            <div class="d-flex">
14707                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
14708                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
14709                                        2026 Subaru Crosstrek Sport
14710                                    </h2>
14711                                </div>
14712                            </div>
14713                        </div>
14714
14715                        <div class="vehicle-summary-section mt-3 ">
14716                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
14717                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
14718            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):showMsrp)'>
14719                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
14720                                            <div class="mr-2" style="color:#1971d4">
14721                                                <span id="4s4guhf61t3711721-price-summary-label">Your Price</span>
14722                                            </div>
14723                                            <div id="4s4guhf61t3711721-price-summary-value" class=" " style="color:#1971d4">$29,767</div>
14724                                        </div>
14725
14726            </div>
14727            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):!showMsrp )'>
14728                                <div v-if="!unlockHideMsrp">
14729                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
14730                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
14731                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$32,963</div>
14732                                    </div>
14733                                </div>
14734
14735            </div>
14736        </div>
14737
14738                            </div>
14739
14740                                <template v-if="true">
14741                                    <div class="vehicle-summary-cta flex-1">
14742                                        <object>
14743                                               <div class="primary-button-parent">
14744        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
14745           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4GUHF61T3711721");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
14746           @keydown.space.prevent="$event.currentTarget.click()"
14747           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
14748           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
14749            CALCULATE PAYMENTS
14750        </a>
14751    </div>
14752
14753                                        </object>
14754                                    </div>
14755                                </template>
14756                        </div>
14757<div class="color-black ft-16 mt-1">
14758            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
14759                Disclosure
14760            </div>
14761</div>
14762
14763
14764                        <div class="show section-separator my-4"></div>
14765
14766
14767                            <template v-if="true">
14768                                <object>
14769                                    <div class="app-level-cta-container">
14770
14771
14772
14773
14774
14775
14776
14777                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4GUHF61T3711721","true"==="true"))' class="primary-button-parent">
14778                                                    <a :style="ctaBtnStyles"
14779                                                     tabindex="0" role="button"
14780                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash", "4S4GUHF61T3711721", "Used")'
14781                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
14781/2026-subaru-crosstrek-sport-utility?type=cash", "4S4GUHF61T3711721", "Used")'
14782                                                    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">
14783                                                        {{inventorySettings.data.buttonLabel}}
14784                                                    </a>
14785                                                 </div>
14786                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
14787                                                                    <a v-if="applySecondaryDesign" href=""
14788                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
14789                                                                        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"
14790                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14791                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14792                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14793                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
14794                                                                    <a v-else href=""
14795                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
14796                                                                        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"
14797                                                                        @click.prevent="
14798                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
14798/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14799                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
14800                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14801                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
14802                                                                        GET MORE INFORMATION
14803                                                                    </a>
14804                                                                </div>
14805                                                                    <div class="primary-button-parent">
14806                                                                        <a v-if="applySecondaryDesign"
14807                                                                            href="javascript:void(0)"
14808                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
14809                                                                            class=" 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"
14810                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14811                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
14812                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
14813                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
14813/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
14814                                                                            CALL (805) 790-9466
14815                                                                        </a>
14816                                                                        <a v-else
14817                                                                            href="javascript:void(0)"
14818                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
14819                                                                            class=" 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"
14820                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
14821                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
14822                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
14823                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHF61T3711721&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:387.31,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3711721R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
14824                                                                            >
14825                                                                            CALL (805) 790-9466
14826                                                                        </a>
14827                                                                    </div>
14828
14829
14830
14831
14832                                    </div>
14833                                </object>
14834                            </template>
14835
14836                            <div class="mt-3">
14837
14838
14839                                <div class="inventory-btns" style="width:100%;" v-cloak>
14840
14841
14842                                    <object class="d-flex flex-column primary-inventory-btn-group">
14843                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14844                                        <div class="pi-pullup-container"></div>
14845                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
14846
14847                                        <div class="dvs_vin_btn" vin="4S4GUHF61T3711721"></div>
14848
14849
14850
14851
14852
14853
14854                                    </object>
14855
14856
14857
14858
14859
14860
14861
14862
14863
14864                                    
14865
14866
14867
14868
14869
14870
14871
14872
14873
14874                                </div>
14875
14876
14877                                    <div class="my-2 w-100 text-center">
14878                                        <div class="les_video" les_vin="4S4GUHF61T3711721"></div>
14879                                    </div>
14880
14881
14882
14883
14884                            </div>
14885
14886                            <active-engage-widget v-if="isEnableActivEngageSrp"
14887                                                custom-class="py-2 ft-12"></active-engage-widget>
14888                        <div class="srp-tabs-section mt-3">
14889                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
14890                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHF61T3711721'] || 'payments') === 'details' }"
14891                                    tabindex="0" role="tab"
14892                                    aria-label="Details"
14893                                    :aria-selected="(activeTabsByVin['4S4GUHF61T3711721'] || 'payments') === 'details'"
14894                                    aria-controls="tab-panel-details-4S4GUHF61T3711721"
14895                                    @click.stop.prevent="setActiveTab('details', '4S4GUHF61T3711721')"
14896                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4GUHF61T3711721')">
14897                                        Details
14898                                    </div>
14899                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHF61T3711721'] || 'payments') === 'payments' }"
14900                                tabindex="0" role="tab"
14901                                aria-label="Pricing"
14902                                :aria-selected="(activeTabsByVin['4S4GUHF61T3711721'] || 'payments') === 'payments'"
14903                                aria-controls="tab-panel-payments-4S4GUHF61T3711721"
14904                                @click.stop.prevent="setActiveTab('payments', '4S4GUHF61T3711721')"
14905                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4GUHF61T3711721')">
14906                                    Pricing
14907                                </div>
14908                            </div>
14909
14910                            <div class="srp-tab-content">
14911                                <div :class="(activeTabsByVin['4S4GUHF61T3711721'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4GUHF61T3711721" aria-label="Details">
14912                                    <div class="vehicle-details-list">
14913
14914
14915                                            <div class="details-item-row">
14916                                                <div class="details-item-label">Stock #</div>
14917                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
14918                                                    <div id="copy_stock" class="d-inline">T3711721R</div>
14919                                                </div>
14920                                            </div>
14921
14922                                        
14923
14924
14925
14926
14927
14928                                                <div class="details-item-row">
14929                                                    <div class="details-item-label">Mileage</div>
14930                                                    <div class="details-item-value">2,817 Miles</div>
14931                                                </div>
14932
14933                                    </div>
14934
14935                                </div>
14936                                <div :class="(activeTabsByVin['4S4GUHF61T3711721'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4GUHF61T3711721" aria-label="Pricing">
14937                                            <div class="msrppanel-label">
14938                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):showMsrp)'>
14939
14940
14941                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-32963' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
14942                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
14943                                                                                        
14944
14945<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
14946    KBB Price
14947</div>
14948<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$32,963</div>
14949
14950
14951                                                                                    </div>
14952                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$3,377</span> </div>
14953                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
14954                                                                                                <div>
14955                                                                                                    Doc Fee
14956                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14957                                                                                                </div>
14958                                                                                                <div class="d-flex pl-2">
14959                                                                                                    &#x2B;$85
14960                                                                                                </div>
14961                                                                                            </div>
14962                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
14963                                                                                                <div>
14964                                                                                                    EVR
14965                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14966                                                                                                </div>
14967                                                                                                <div class="d-flex pl-2">
14968                                                                                                    &#x2B;$37
14969                                                                                                </div>
14970                                                                                            </div>
14971                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
14972                                                                                                <div>
14973                                                                                                    Emissions Test
14974                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
14975                                                                                                </div>
14976                                                                                                <div class="d-flex pl-2">
14977                                                                                                    &#x2B;$59
14978                                                                                                </div>
14979                                                                                            </div>
14980                                                                            <div id="4s4guhf61t3711721-u
14980nlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
14981                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
14982                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
14983                                                                                </span>
14984                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4guhf61t3711721-unlock-discount-price"></label></span>
14985                                                                            </div>
14986                                                                            <div id="4s4guhf61t3711721-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'>
14987                                                                                <div class="mr-2" style="color:#1971d4">
14988                                                                                    <span id="4s4guhf61t3711721-selling-price-label" class="p-0">Your Price</span>
14989                                                                                </div>
14990                                                                                <div id="4s4guhf61t3711721-your-price-hide" class=" " style="color:#1971d4">$29,767</div>
14991                                                                            </div>
14992                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
14993                                                                                <div class="mr-2" style="color:#1971d4">
14994                                                                                    <span id="4s4guhf61t3711721-selling-price-label" class="p-0">Your Price</span>
14995                                                                                </div>
14996                                                                                <div id="4s4guhf61t3711721-your-price" class=" " style="color:#1971d4">$29,767</div>
14997                                                                            </div>
14998
14999
15000
15001
15002                                                        <total-incentive-discount qualified-data=''
15003                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
15004                                                                                :pricedata="{'msrp':'32963','yourPrice':'29767.0'}"
15005                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
15006                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
15007                                                    <div class="color-black ft-16 mt-1">
15008            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
15009                Disclosure
15010            </div>
15011</div>
15012
15013                                                </div>
15014
15015                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHF61T3711721", "true"==="true"):!showMsrp )'>
15016                                                                    <div v-if="!unlockHideMsrp">
15017                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-32963' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
15018                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
15019                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
15020                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$32,963</div>
15021                                                                        </div>
15022                                                                    </div>
15023
15024                                                </div>
15025                                            </div>
15026                                </div>
15027                            </div>
15028                        </div>
15029                        <div id="cta-params-4S4GUHF61T3711721"
15030                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:29767.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
15031                        </div>
15032
15033                        <div>
15034
15035                            <vehicle-badges model="Crosstrek"
15036                                            :current="'srp'"
15037                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
15038                                            :eyesight="'False'"
15039                                            :starlink="'False'"
15040                                            :von="''"
15041                                            :onorder="''"
15042                                            :vin="'4S4GUHF61T3711721'"
15043                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
15043/2026-subaru-crosstrek-sport-utility?type=cash'"
15044                                            :vehicle-badges-top-srp="'False'"
15045                                            :year="'2026'"
15046                                            :in-transit-background-color-srp="''"
15047                                            :in-transit-badge-color-srp="''"
15048                                            :in-production-background-color-srp="''"
15049                                            :in-production-badge-color-srp="''"
15050                                            @opendisclaimer="openDisclaimerPopup($event)">
15051                            </vehicle-badges>
15052
15053                                <div class="d-flex flex-wrap">
15054                                    
15055
15056
15057
15058
15059
15060
15061                                </div>
15062                        </div>
15063
15064
15065
15066                        <div class="d-flex flex-wrap srp-certified-img-section">
15067
15068
15069                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
15070                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
15071                                        </div>
15072
15073                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/mWXIUXdD__TUaybXg9wNvbIGuCKUMLelsNhZ4CHkFK8UQSQaWgT077AWT0RkXEkeebutZhB_zXoUqlINGZrGjmTAftrf35VdDJ0')">
15074                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_good.svg"
15075                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
15076                                    </div>
15077
15078
15079
15080
15081
15082                        </div>
15083
15084                        <div v-if="currentTheme == 'subaru'" class="mt-3">
15085                            <subaru-badge-new model="Crosstrek"
15086                                            year="2026"
15087                                            make="Subaru"
15088                                            type="Used"
15089                                            :current="'srp'"
15090                                            :transit="'False'"
15091                                            :eyesight="'False'"
15092                                            :starlink="'False'"
15093                                            :von="''"
15094                                            :onorder="''"
15095                                            :vin="'4S4GUHF61T3711721'"
15096                                            :hide-in-transit="'False'"
15097                                            :vehicle-badges-top-srp="'False'"
15098                                            :subaru-consumer-report-class="'subaruCrosstrekconsumerreport-2026'"
15099                                            :in-transit-background-color-srp="''"
15100                                            :in-transit-badge-color-srp="''"
15101                                            >
15102                            </subaru-badge-new>
15103                        </div>
15104
15105                    </div>
15106                </div>
15107
15108
15109
15110            </div>
15111        </a>
15112        <template v-if="true">
15113            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
15114                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4GUHF61T3711721'" class="vehicle-data-overlay-container"
15115                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
15116                     @keydown.esc.prevent="closeDetailsOverlay()"
15117                     @keydown.tab="srpOverlayTrapFocus($event)">
15118                    <div class="vehicle-overlay-data">
15119                        <div class="srp-overlay-options">
15120                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
15121                                <div class="d-flex align-items-center" style="gap: 20px;">
15122                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
15123                                     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>
15124                                    <h3 class="mb-0">Options</h3>
15125                                </div>
15126                                <div>
15127                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
15128                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
15129                                </div>
15130                            </div>
15131
15132                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
15133                                <div class="overlay-nav-items px-3 pt-4">
15134                                    <div class="d-flex overlay-nav-item" tabindex="0"
15135                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF61T3711721', overlayType: '
15135share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF61T3711721', overlayType: 'share-options', label: 'Share' })">
15136                                        <em class="primaryicon-share-icon"></em>
15137                                        <span>Share</span>
15138                                    </div>
15139
15140                                        <div class="d-flex overlay-nav-item"
15141                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF61T3711721', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHF61T3711721', overlayType: 'key-features', label: 'Key Features' })">
15142                                            <em class="primaryicon-key-features-icon"></em>
15143                                            <span>Key Features</span>
15144                                        </div>
15145                                </div>
15146
15147                                <div class="pt-4 px-3 mt-3">
15148                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash")' target="_self"
15149                                        @keydown.space.prevent="$event.currentTarget.click()"
15150                                        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:">
15151                                        View Details
15152                                    </a>
15153                                </div>
15154                            </div>
15155                        </div>
15156                    </div>
15157                </div>
15158            </transition>
15159            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
15160                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4GUHF61T3711721'"
15161                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
15162                     @keydown.esc.prevent="navigateToDetailsOverlay()"
15163                     @keydown.tab="srpOverlayTrapFocus($event)">
15164                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
15165                        <div class="d-flex align-items-center" style="gap: 20px;">
15166                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
15167                            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>
15168                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
15169                        </div>
15170                        <div>
15171                            <em class="primaryicon-close-icon-gray"
15172                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
15173                        </div>
15174                    </div>
15175                    <div class="mt-3 pt-4 overlay-section-links">
15176                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
15177                        <template v-if="!isLoadingOverlayDetails">
15178                            <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>
15179                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
15179/2026-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2026 Subaru Crosstrek Sport" :page-type-id="18" :style-id="476404" class="overlay-section-content"></share-options>
15180                            <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>
15181                        </template>
15182                    </div>
15183                </div>
15184            </transition>
15185        </template>
15186    </div>
15187        
15187<script type="application/javascript">
15188
15189            var rebatesString = "[]";
15190            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
15191            localStorage.setItem("4S4GUHT63R3722880-rebates", formattedRebatesString);
15192
15193        </script>
15193
15194<div data-itemid="Subaru-Crosstrek-Wilderness-4S4GUHT63R3722880" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
15195        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4GUHT63R3722880", "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "20",msrp:"31546",yourPrice:"29860.0",sellingPrice:"29679",type:"Used",title:`2024 Subaru Crosstrek Wilderness`},"true"==="true"), setVintoTransact("4S4GUHT63R3722880", $event,{styleId:"440080"})'
15196        @mouseleave="clearMouseHoverValue()"
15197        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
15198        used-large-box" style="height: 100%;">
15199
15200            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
15201                <div class="position-relative">
15202                    <div class="srp-top-badges">
15203                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
15204                            <div class="d-flex align-items-center gap-10">
15205                            </div>
15206                        </div>
15207
15208                    </div>
15209
15210
15211                    <div id="EZ360_CVDP"></div>
15212
15213                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
15214                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4GUHT63R3722880'" class="vehicle-box__image">
15215                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2024SUS09_640/2024SUS092084431_640_01.jpg" class="img-fluid srp-vehiclebox-image"
15216                                    title="2024 Subaru Crosstrek Wilderness" alt="2024 Subaru Crosstrek Wilderness" />
15217
15218                        </div>
15219
15220                        <div class="dp-srp-evox-media-4S4GUHT63R3722880" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4GUHT63R3722880'"></div>
15221
15222                        <div class="vehicle-info-icon">
15223                            <em
15224                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4GUHT63R3722880')"
15225                            class="primaryicon-options-btn-new info-icon-css"
15226                            data-vin="4S4GUHT63R3722880"
15227                            tabindex="0"
15228                            role="button"
15229                            aria-label="Vehicle info"
15230                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4GUHT63R3722880')"
15231                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4GUHT63R3722880')"
15232                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
15233                        </div>
15234                    </div>
15235
15236
15237                    <div class="vehiclebox-info-section p-3">
15238                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
15239                            <div class="d-flex">
15240                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
15241                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
15242                                        2024 Subaru Crosstrek Wilderness
15243                                    </h2>
15244                                </div>
15245                            </div>
15246                        </div>
15247
15248                        <div class="vehicle-summary-section mt-3 ">
15249                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
15250                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
15251            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):showMsrp)'>
15252                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
15253                                            <div class="mr-2" style="color:#1971d4">
15254                                                <span id="4s4guht63r3722880-price-summary-label">Your Price</span>
15255                                            </div>
15256                                            <div id="4s4guht63r3722880-price-summary-value" class=" " style="color:#1971d4">$29,860</div>
15257                                        </div>
15258
15259            </div>
15260            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):!showMsrp )'>
15261                                <div v-if="!unlockHideMsrp">
15262                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
15263                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
15264                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$31,546</div>
15265                                    </div>
15266                                </div>
15267
15268            </div>
15269        </div>
15270
15271                            </div>
15272
15273                                <template v-if="true">
15274                                    <div class="vehicle-summary-cta flex-1">
15275                                        <object>
15276                                               <div class="primary-button-parent">
15277        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
15278           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4GUHT63R3722880");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
15279           @keydown.space.prevent="$event.currentTarget.click()"
15280           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
15281           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
15282            CALCULATE PAYMENTS
15283        </a>
15284    </div>
15285
15286                                        </object>
15287                                    </div>
15288                                </template>
15289                        </div>
15290<div class="color-black ft-16 mt-1">
15291            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
15292                Disclosure
15293            </div>
15294</div>
15295
15296
15297                        <div class="show section-separator my-4"></div>
15298
15299
15300                            <template v-if="true">
15301                                <object>
15302                                    <div class="app-level-cta-container">
15303
15304
15305
15306
15307
15308
15309
15310                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4GUHT63R3722880","true"==="true"))' class="primary-button-parent">
15311                                                    <a :style="ctaBtnStyles"
15312                                                     tabindex="0" role="button"
15313                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash", "4S4GUHT63R3722880", "Used")'
15314                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash", "4S4GUHT63R3722880", "Used")'
15315                                                    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">
15316                                                        {{inventorySettings.data.buttonLabel}}
15317                                                    </a>
15318                                                 </div>
15319                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
15320                                                                    <a v-if="applySecondary
15320Design" href=""
15321                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
15322                                                                        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"
15323                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15324                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15325                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15326                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
15327                                                                    <a v-else href=""
15328                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
15329                                                                        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"
15330                                                                        @click.prevent="
15331                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15332                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15333                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15334                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
15335                                                                        GET MORE INFORMATION
15336                                                                    </a>
15337                                                                </div>
15338                                                                    <div class="primary-button-parent">
15339                                                                        <a v-if="applySecondary
15339Design"
15340                                                                            href="javascript:void(0)"
15341                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
15342                                                                            class=" 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"
15343                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15344                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
15345                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
15346                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
15347                                                                            CALL (805) 790-9466
15348                                                                        </a>
15349                                                                        <a v-else
15350                                                                            href="javascript:void(0)"
15351                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
15352                                                                            class=" 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"
15353                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15354                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
15355                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
15356                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHT63R3722880&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3722880P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
15357                                                                            >
15358                                                                            CALL (805) 790-9466
15359                                                                        </a>
15360                                                                    </div>
15361
15362
15363
15364
15365                                    </div>
15366                                </object>
15367                            </template>
15368
15369                            <div class="mt-3">
15370
15371
15372                                <div class="inventory-btns" style="width:100%;" v-cloak>
15373
15374
15375                                    <object class="d-flex flex-column primary-inventory-btn-group">
15376                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15377                                        <div class="pi-pullup-container"></div>
15378                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15379
15380                                        <div class="dvs_vin_btn" vin="4S4GUHT63R3722880"></div>
15381
15382
15383
15384
15385
15386
15387                                    </object>
15388
15389
15390
15391
15392
15393
15394
15395
15396
15397                                    
15398
15399
15400
15401
15402
15403
15404
15405
15406
15407                                </div>
15408
15409
15410                                    <div class="my-2 w-100 text-center">
15411                                        <div class="les_video" les_vin="4S4GUHT63R3722880"></div>
15412                                    </div>
15413
15414
15415
15416
15417                            </div>
15418
15419                            <active-engage-widget v-if="isEnableActivEngageSrp"
15420                                                custom-class="py-2 ft-12"></active-engage-widget>
15421                        <div class="srp-tabs-section mt-3">
15422                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
15423                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHT63R3722880'] || 'payments') === 'details' }"
15424                                    tabindex="0" role="tab"
15425                                    aria-label="Details"
15426                                    :aria-selected="(activeTabsByVin['4S4GUHT63R3722880'] || 'payments') === 'details'"
15427                                    aria-controls="tab-panel-details-4S4GUHT63R3722880"
15428                                    @click.stop.prevent="setActiveTab('details', '4S4GUHT63R3722880')"
15429                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4GUHT63R3722880')">
15430                                        Details
15431                                    </div>
15432                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHT63R3722880'] || 'payments') === 'payments' }"
15433                                tabindex="0" role="tab"
15434                                aria-label="Pricing"
15435                                :aria-selected="(activeTabsByVin['4S4GUHT63R3722880'] || 'payments') === 'payments'"
15436                                aria-controls="tab-panel-payments-4S4GUHT63R3722880"
15437                                @click.stop.prevent="setActiveTab('payments', '4S4GUHT63R3722880')"
15438                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4GUHT63R3722880')">
15439                                    Pricing
15440                                </div>
15441                            </div>
15442
15443                            <div class="srp-tab-content">
15444                                <div :class="(activeTabsByVin['4S4GUHT63R3722880'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4GUHT63R3722880" aria-label="Details">
15445                                    <div class="vehicle-details-list">
15446
15447
15448                                            <div class="details-item-row">
15449                                                <div class="details-item-label">Stock #</div>
15450                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
15451                                                    <div id="copy_stock" class="d-inline">R3722880P</div>
15452                                                </div>
15453                                            </div>
15454
15455                                        
15456
15457
15458
15459
15460
15461                                                <div class="details-item-row">
15462                                                    <div class="details-item-label">Mileage</div>
15463                                                    <div class="details-item-value">32,032 Miles</div>
15464                                                </div>
15465
15466                                    </div>
15467
15468                                </div>
15469                                <div :class="(activeTabsByVin['4S4GUHT63R3722880'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4GUHT63R3722880" aria-label="Pricing">
15470                                            <div class="msrppanel-label">
15471                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):showMsrp)'>
15472
15473
15474                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-31546' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
15475                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
15476                                                                                        
15477
15478<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
15479    KBB Price
15480</div>
15481<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$31,546</div>
15482
15483
15484                                                                                    </div>
15485                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$1,867</span> </div>
15486                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
15487                                                                                                <div>
15488                                                                                                    Doc Fee
15489                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
15490                                                                                                </div>
15491                                                                                                <div class="d-flex pl-2">
15492                                                                                                    &#x2B;$85
15493                                                                                                </div>
15494                                                                                            </div>
15495                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
15496                                                                                                <div>
15497                                                                                                    EVR
15498                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
15499                                                                                                </div>
15500                                                                                                <div class="d-flex pl-2">
15501                                                                                                    &#x2B;$37
15502                                                                                                </div>
15503                                                                                            </div>
15504                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
15505                                                                                                <div>
15506                                                                                                    Emissions Test
15507                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
15508                                                                                                </div>
15509                                                                                                <div class="d-flex pl-2">
15510                                                                                                    &#x2B;$59
15511                                                                                                </div>
15512                                                                                            </div>
15513                                                                            <div i
15513d="4s4guht63r3722880-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
15514                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
15515                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
15516                                                                                </span>
15517                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4guht63r3722880-unlock-discount-price"></label></span>
15518                                                                            </div>
15519                                                                            <div id="4s4guht63r3722880-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'>
15520                                                                                <div class="mr-2" style="color:#1971d4">
15521                                                                                    <span id="4s4guht63r3722880-selling-price-label" class="p-0">Your Price</span>
15522                                                                                </div>
15523                                                                                <div id="4s4guht63r3722880-your-price-hide" class=" " style="color:#1971d4">$29,860</div>
15524                                                                            </div>
15525                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
15526                                                                                <div class="mr-2" style="color:#1971d4">
15527                                                                                    <span id="4s4guht63r3722880-selling-price-label" class="p-0">Your Price</span>
15528                                                                                </div>
15529                                                                                <div id="4s4guht63r3722880-your-price" class=" " style="color:#1971d4">$29,860</div>
15530                                                                            </div>
15531
15532
15533
15534
15535                                                        <total-incentive-discount qualified-data=''
15536                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
15537                                                                                :pricedata="{'msrp':'31546','yourPrice':'29860.0'}"
15538                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
15539                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
15540                                                    <div class="color-black ft-16 mt-1">
15541            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
15542                Disclosure
15543            </div>
15544</div>
15545
15546                                                </div>
15547
15548                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHT63R3722880", "true"==="true"):!showMsrp )'>
15549                                                                    <div v-if="!unlockHideMsrp">
15550                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-31546' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
15551                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
15552                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
15553                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$31,546</div>
15554                                                                        </div>
15555                                                                    </div>
15556
15557                                                </div>
15558                                            </div>
15559                                </div>
15560                            </div>
15561                        </div>
15562                        <div id="cta-params-4S4GUHT63R3722880"
15563                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:29860.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
15564                        </div>
15565
15566                        <div>
15567
15568                            <vehicle-badges model="Crosstrek"
15569                                            :current="'srp'"
15570                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
15571                                            :eyesight="''"
15572                                            :starlink="''"
15573                                            :von="''"
15574                                            :onorder="''"
15575                                            :vin="'4S4GUHT63R3722880'"
15576                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash'"
15577                                            :vehicle-badges-top-srp="'False'"
15578                                            :year="'2024'"
15579                                            :in-transit-background-color-srp="''"
15580                                            :in-transit-badge-color-srp="''"
15581                                            :in-production-background-color-srp="''"
15582                                            :in-production-badge-color-srp="''"
15583                                            @opendisclaimer="openDisclaimerPopup($event)">
15584                            </vehicle-badges>
15585
15586                                <div class="d-flex flex-wrap">
15587                                    
15588
15589
15590
15591
15592
15593
15594                                </div>
15595                        </div>
15596
15597
15598
15599                        <div class="d-flex flex-wrap srp-certified-img-section">
15600
15601
15602
15603                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/qZl6STB-nI2ROoAYgNkWqFh74A0IK5nhsEgXMuvkfZ0qidsz3f0rZsrlhMmZb3SePpyilndMdCrD2j81Fg0xdktz09MH8Q76rhQ')">
15604                                        <img src="https://partnerstatic.
15604carfax.com/img/valuebadge/1own.svg"
15605                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
15606                                    </div>
15607
15608
15609
15610
15611
15612                        </div>
15613
15614                        <div v-if="currentTheme == 'subaru'" class="mt-3">
15615                            <subaru-badge-new model="Crosstrek"
15616                                            year="2024"
15617                                            make="Subaru"
15618                                            type="Used"
15619                                            :current="'srp'"
15620                                            :transit="'False'"
15621                                            :eyesight="''"
15622                                            :starlink="''"
15623                                            :von="''"
15624                                            :onorder="''"
15625                                            :vin="'4S4GUHT63R3722880'"
15626                                            :hide-in-transit="'False'"
15627                                            :vehicle-badges-top-srp="'False'"
15628                                            :subaru-consumer-report-class="''"
15629                                            :in-transit-background-color-srp="''"
15630                                            :in-transit-badge-color-srp="''"
15631                                            >
15632                            </subaru-badge-new>
15633                        </div>
15634
15635                    </div>
15636                </div>
15637
15638
15639
15640            </div>
15641        </a>
15642        <template v-if="true">
15643            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
15644                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4GUHT63R3722880'" class="vehicle-data-overlay-container"
15645                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
15646                     @keydown.esc.prevent="closeDetailsOverlay()"
15647                     @keydown.tab="srpOverlayTrapFocus($event)">
15648                    <div class="vehicle-overlay-data">
15649                        <div class="srp-overlay-options">
15650                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
15651                                <div class="d-flex align-items-center" style="gap: 20px;">
15652                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
15653                                     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>
15654                                    <h3 class="mb-0">Options</h3>
15655                                </div>
15656                                <div>
15657                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
15658                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
15659                                </div>
15660                            </div>
15661
15662                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
15663                                <div class="overlay-nav-items px-3 pt-4">
15664                                    <div class="d-flex overlay-nav-item" tabindex="0"
15665                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT63R3722880', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT63R3722880', overlayType: 'share-options', label: 'Share' })">
15666                                        <em class="primaryicon-share-icon"></em>
15667                                        <span>Share</span>
15668                                    </div>
15669
15670                                        <div class="d-flex overlay-nav-item"
15671                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT63R3722880', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHT63R3722880', overlayType: 'key-features', label: 'Key Features' })">
15672                                            <em class="primaryicon-key-features-icon"></em>
15673                                            <span>Key Features</span>
15674                                        </div>
15675                                </div>
15676
15677                                <div class="pt-4 px-3 mt-3">
15678                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash")' target="_self"
15679                                        @keydown.space.prevent="$event.currentTarget.click()"
15680                                        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:">
15681                                        View Details
15682                                    </a>
15683                                </div>
15684                            </div>
15685                        </div>
15686                    </div>
15687                </div>
15688            </transition>
15689            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
15690                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4GUHT63R3722880'"
15691                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
15692                     @keydown.esc.prevent="navigateToDetailsOverlay()"
15693                     @keydown.tab="srpOverlayTrapFocus($event)">
15694                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
15695                        <div class="d-flex align-items-center" style="gap: 20px;">
15696                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
15697                            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>
15698                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
15699                        </div>
15700                        <div>
15701                            <em class="primaryicon-close-icon-gray"
15702                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
15703                        </div>
15704                    </div>
15705                    <div class="mt-3 pt-4 overlay-section-links">
15706                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
15707                        <template v-if="!isLoadingOverlayDetails">
15708                            <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>
15709                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 2024 Subaru Crosstrek Wilderness" :page-type-id="18" :style-id="440080" class="overlay-section-content"></share-options>
15710                            <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>
15711                        </template>
15712                    </div>
15713                </div>
15714            </transition>
15715        </template>
15716    </div>
15717        
15717<script type="application/javascript">
15718
15719            var rebatesString = "[]";
15720            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
15721            localStorage.setItem("4S4GUHD6XT3737043-rebates", formattedRebatesString);
15722
15723        </script>
15723
15724<div data-itemid="Subaru-Crosstrek-Premium-4S4GUHD6XT3737043" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
15725        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4GUHD6XT3737043", "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "21",msrp:"32525",yourPrice:"29870.0",sellingPrice:"29689",type:"Used",title:`2026 Subaru Crosstrek Premium`},"true"==="true"), setVintoTransact("4S4GUHD6XT3737043", $event,{styleId:"476403"})'
15726        @mouseleave="clearMouseHoverValue()"
15727        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
15728        used-large-box" style="height: 100%;">
15729
15730            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
15731                <div class="position-relative">
15732                    <div class="srp-top-badges">
15733                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
15734                            <div class="d-flex align-items-center gap-10">
15735                            </div>
15736                        </div>
15737
15738                    </div>
15739
15740
15741                    <div id="EZ360_CVDP"></div>
15742
15743                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
15744                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4GUHD6XT3737043'" class="vehicle-box__image">
15745                                    <img src="https://cdn.max.auto/t_hres/108741/4S4GUHD6XT3737043/6aba0d83050dae99f5b915c4.jpg" class="img-fluid srp-vehiclebox-image"
15746                                    title="2026 Subaru Crosstrek Premium" alt="2026 Subaru Crosstrek Premium" />
15747
15748                        </div>
15749
15750                        <div class="dp-srp-evox-media-4S4GUHD6XT3737043" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4GUHD6XT3737043'"></div>
15751
15752                        <div class="vehicle-info-icon">
15753                            <em
15754                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4GUHD6XT3737043')"
15755                            class="primaryicon-options-btn-new info-icon-css"
15756                            data-vin="4S4GUHD6XT3737043"
15757                            tabindex="0"
15758                            role="button"
15759                            aria-label="Vehicle info"
15760                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4GUHD6XT3737043')"
15761                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4GUHD6XT3737043')"
15762                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
15763                        </div>
15764                    </div>
15765
15766
15767                    <div class="vehiclebox-info-section p-3">
15768                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
15769                            <div class="d-flex">
15770                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
15771                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
15772                                        2026 Subaru Crosstrek Premium
15773                                    </h2>
15774                                </div>
15775                            </div>
15776                        </div>
15777
15778                        <div class="vehicle-summary-section mt-3 ">
15779                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
15780                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
15781            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):showMsrp)'>
15782                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
15783                                            <div class="mr-2" style="color:#1971d4">
15784                                                <span id="4s4guhd6xt3737043-price-summary-label">Your Price</span>
15785                                            </div>
15786                                            <div id="4s4guhd6xt3737043-price-summary-value" class=" " style="color:#1971d4">$29,870</div>
15787                                        </div>
15788
15789            </div>
15790            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):!showMsrp )'>
15791                                <div v-if="!unlockHideMsrp">
15792                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
15793                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
15794                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$32,525</div>
15795                                    </div>
15796                                </div>
15797
15798            </div>
15799        </div>
15800
15801                            </div>
15802
15803                                <template v-if="true">
15804                                    <div class="vehicle-summary-cta flex-1">
15805                                        <object>
15806                                               <div class="primary-button-parent">
15807        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash#Transact" target="_self"
15808           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4GUHD6XT3737043");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash",$event,"_self")'
15809           @keydown.space.prevent="$event.currentTarget.click()"
15810           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
15811           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
15812            CALCULATE PAYMENTS
15813        </a>
15814    </div>
15815
15816                                        </object>
15817                                    </div>
15818                                </template>
15819                        </div>
15820<div class="color-black ft-16 mt-1">
15821            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
15822                Disclosure
15823            </div>
15824</div>
15825
15826
15827                        <div class="show section-separator my-4"></div>
15828
15829
15830                            <template v-if="true">
15831                                <object>
15832                                    <div class="app-level-cta-container">
15833
15834
15835
15836
15837
15838
15839
15840                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4GUHD6XT3737043","true"==="true"))' class="primary-button-parent">
15841                                                    <a :style="ctaBtnStyles"
15842                                                     tabindex="0" role="button"
15843                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash", "4S4GUHD6XT3737043", "Used")'
15844                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash", "4S4GUHD6XT3737043", "Used")'
15845                                                    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">
15846                                                        {{inventorySettings.data.buttonLabel}}
15847                                                    </a>
15848                                                 </div>
15849                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
15850                                                                    <a v-if="applySecondary
15850Design" href=""
15851                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
15852                                                                        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"
15853                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15854                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15855                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15856                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
15857                                                                    <a v-else href=""
15858                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
15859                                                                        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"
15860                                                                        @click.prevent="
15861                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15862                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
15863                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15864                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
15865                                                                        GET MORE INFORMATION
15866                                                                    </a>
15867                                                                </div>
15868                                                                    <div class="primary-button-parent">
15869                                                                        <a v-if="applySecondary
15869Design"
15870                                                                            href="javascript:void(0)"
15871                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
15872                                                                            class=" 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"
15873                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15874                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
15875                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
15876                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
15877                                                                            CALL (805) 790-9466
15878                                                                        </a>
15879                                                                        <a v-else
15880                                                                            href="javascript:void(0)"
15881                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
15882                                                                            class=" 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"
15883                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
15884                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
15885                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
15886                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4GUHD6XT3737043&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Crosstrek&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:393.15,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3737043R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
15887                                                                            >
15888                                                                            CALL (805) 790-9466
15889                                                                        </a>
15890                                                                    </div>
15891
15892
15893
15894
15895                                    </div>
15896                                </object>
15897                            </template>
15898
15899                            <div class="mt-3">
15900
15901
15902                                <div class="inventory-btns" style="width:100%;" v-cloak>
15903
15904
15905                                    <object class="d-flex flex-column primary-inventory-btn-group">
15906                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15907                                        <div class="pi-pullup-container"></div>
15908                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
15909
15910                                        <div class="dvs_vin_btn" vin="4S4GUHD6XT3737043"></div>
15911
15912
15913
15914
15915
15916
15917                                    </object>
15918
15919
15920
15921
15922
15923
15924
15925
15926
15927                                    
15928
15929
15930
15931
15932
15933
15934
15935
15936
15937                                </div>
15938
15939
15940                                    <div class="my-2 w-100 text-center">
15941                                        <div class="les_video" les_vin="4S4GUHD6XT3737043"></div>
15942                                    </div>
15943
15944
15945
15946
15947                            </div>
15948
15949                            <active-engage-widget v-if="isEnableActivEngageSrp"
15950                                                custom-class="py-2 ft-12"></active-engage-widget>
15951                        <div class="srp-tabs-section mt-3">
15952                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
15953                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHD6XT3737043'] || 'payments') === 'details' }"
15954                                    tabindex="0" role="tab"
15955                                    aria-label="Details"
15956                                    :aria-selected="(activeTabsByVin['4S4GUHD6XT3737043'] || 'payments') === 'details'"
15957                                    aria-controls="tab-panel-details-4S4GUHD6XT3737043"
15958                                    @click.stop.prevent="setActiveTab('details', '4S4GUHD6XT3737043')"
15959                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4GUHD6XT3737043')">
15960                                        Details
15961                                    </div>
15962                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4GUHD6XT3737043'] || 'payments') === 'payments' }"
15963                                tabindex="0" role="tab"
15964                                aria-label="Pricing"
15965                                :aria-selected="(activeTabsByVin['4S4GUHD6XT3737043'] || 'payments') === 'payments'"
15966                                aria-controls="tab-panel-payments-4S4GUHD6XT3737043"
15967                                @click.stop.prevent="setActiveTab('payments', '4S4GUHD6XT3737043')"
15968                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4GUHD6XT3737043')">
15969                                    Pricing
15970                                </div>
15971                            </div>
15972
15973                            <div class="srp-tab-content">
15974                                <div :class="(activeTabsByVin['4S4GUHD6XT3737043'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4GUHD6XT3737043" aria-label="Details">
15975                                    <div class="vehicle-details-list">
15976
15977
15978                                            <div class="details-item-row">
15979                                                <div class="details-item-label">Stock #</div>
15980                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
15981                                                    <div id="copy_stock" class="d-inline">T3737043R</div>
15982                                                </div>
15983                                            </div>
15984
15985                                        
15986
15987
15988
15989
15990
15991                                                <div class="details-item-row">
15992                                                    <div class="details-item-label">Mileage</div>
15993                                                    <div class="details-item-value">4,902 Miles</div>
15994                                                </div>
15995
15996                                    </div>
15997
15998                                </div>
15999                                <div :class="(activeTabsByVin['4S4GUHD6XT3737043'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4GUHD6XT3737043" aria-label="Pricing">
16000                                            <div class="msrppanel-label">
16001                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):showMsrp)'>
16002
16003
16004                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-32525' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
16005                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
16006                                                                                        
16007
16008<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
16009    KBB Price
16010</div>
16011<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$32,525</div>
16012
16013
16014                                                                                    </div>
16015                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$2,836</span> </div>
16016                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
16017                                                                                                <div>
16018                                                                                                    Doc Fee
16019                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
16020                                                                                                </div>
16021                                                                                                <div class="d-flex pl-2">
16022                                                                                                    &#x2B;$85
16023                                                                                                </div>
16024                                                                                            </div>
16025                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
16026                                                                                                <div>
16027                                                                                                    EVR
16028                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
16029                                                                                                </div>
16030                                                                                                <div class="d-flex pl-2">
16031                                                                                                    &#x2B;$37
16032                                                                                                </div>
16033                                                                                            </div>
16034                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
16035                                                                                                <div>
16036                                                                                                    Emissions Test
16037                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
16038                                                                                                </div>
16039                                                                                                <div class="d-flex pl-2">
16040                                                                                                    &#x2B;$59
16041                                                                                                </div>
16042                                                                                            </div>
16043                                                                            <div id
16043="4s4guhd6xt3737043-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
16044                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
16045                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
16046                                                                                </span>
16047                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4guhd6xt3737043-unlock-discount-price"></label></span>
16048                                                                            </div>
16049                                                                            <div id="4s4guhd6xt3737043-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'>
16050                                                                                <div class="mr-2" style="color:#1971d4">
16051                                                                                    <span id="4s4guhd6xt3737043-selling-price-label" class="p-0">Your Price</span>
16052                                                                                </div>
16053                                                                                <div id="4s4guhd6xt3737043-your-price-hide" class=" " style="color:#1971d4">$29,870</div>
16054                                                                            </div>
16055                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
16056                                                                                <div class="mr-2" style="color:#1971d4">
16057                                                                                    <span id="4s4guhd6xt3737043-selling-price-label" class="p-0">Your Price</span>
16058                                                                                </div>
16059                                                                                <div id="4s4guhd6xt3737043-your-price" class=" " style="color:#1971d4">$29,870</div>
16060                                                                            </div>
16061
16062
16063
16064
16065                                                        <total-incentive-discount qualified-data=''
16066                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
16067                                                                                :pricedata="{'msrp':'32525','yourPrice':'29870.0'}"
16068                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
16069                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
16070                                                    <div class="color-black ft-16 mt-1">
16071            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
16072                Disclosure
16073            </div>
16074</div>
16075
16076                                                </div>
16077
16078                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4GUHD6XT3737043", "true"==="true"):!showMsrp )'>
16079                                                                    <div v-if="!unlockHideMsrp">
16080                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-32525' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
16081                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
16082                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
16083                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$32,525</div>
16084                                                                        </div>
16085                                                                    </div>
16086
16087                                                </div>
16088                                            </div>
16089                                </div>
16090                            </div>
16091                        </div>
16092                        <div id="cta-params-4S4GUHD6XT3737043"
16093                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:29870.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
16094                        </div>
16095
16096                        <div>
16097
16098                            <vehicle-badges model="Crosstrek"
16099                                            :current="'srp'"
16100                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
16101                                            :eyesight="''"
16102                                            :starlink="''"
16103                                            :von="''"
16104                                            :onorder="''"
16105                                            :vin="'4S4GUHD6XT3737043'"
16106                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash'"
16107                                            :vehicle-badges-top-srp="'False'"
16108                                            :year="'2026'"
16109                                            :in-transit-background-color-srp="''"
16110                                            :in-transit-badge-color-srp="''"
16111                                            :in-production-background-color-srp="''"
16112                                            :in-production-badge-color-srp="''"
16113                                            @opendisclaimer="openDisclaimerPopup($event)">
16114                            </vehicle-badges>
16115
16116                                <div class="d-flex flex-wrap">
16117                                    
16118
16119
16120
16121
16122
16123
16124                                </div>
16125                        </div>
16126
16127
16128
16129                        <div class="d-flex flex-wrap srp-certified-img-section">
16130
16131
16132
16133                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/ZivD7c1Tr8nvu4EHBe3hPFWXiuABapjW_9mPc0wqRw1y2SE5_-Jp_PPm0Ps6Fw7I88osvdU4a8o0pOZ-vw5eApB5-UA5vZp-CR8')">
16134                                        <img src="https://partnerstatic.
16134carfax.com/img/valuebadge/showme.svg"
16135                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
16136                                    </div>
16137
16138
16139
16140
16141
16142                        </div>
16143
16144                        <div v-if="currentTheme == 'subaru'" class="mt-3">
16145                            <subaru-badge-new model="Crosstrek"
16146                                            year="2026"
16147                                            make="Subaru"
16148                                            type="Used"
16149                                            :current="'srp'"
16150                                            :transit="'False'"
16151                                            :eyesight="''"
16152                                            :starlink="''"
16153                                            :von="''"
16154                                            :onorder="''"
16155                                            :vin="'4S4GUHD6XT3737043'"
16156                                            :hide-in-transit="'False'"
16157                                            :vehicle-badges-top-srp="'False'"
16158                                            :subaru-consumer-report-class="'subaruCrosstrekconsumerreport-2026'"
16159                                            :in-transit-background-color-srp="''"
16160                                            :in-transit-badge-color-srp="''"
16161                                            >
16162                            </subaru-badge-new>
16163                        </div>
16164
16165                    </div>
16166                </div>
16167
16168
16169
16170            </div>
16171        </a>
16172        <template v-if="true">
16173            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
16174                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4GUHD6XT3737043'" class="vehicle-data-overlay-container"
16175                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
16176                     @keydown.esc.prevent="closeDetailsOverlay()"
16177                     @keydown.tab="srpOverlayTrapFocus($event)">
16178                    <div class="vehicle-overlay-data">
16179                        <div class="srp-overlay-options">
16180                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16181                                <div class="d-flex align-items-center" style="gap: 20px;">
16182                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
16183                                     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>
16184                                    <h3 class="mb-0">Options</h3>
16185                                </div>
16186                                <div>
16187                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
16188                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
16189                                </div>
16190                            </div>
16191
16192                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
16193                                <div class="overlay-nav-items px-3 pt-4">
16194                                    <div class="d-flex overlay-nav-item" tabindex="0"
16195                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD6XT3737043', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD6XT3737043', overlayType: 'share-options', label: 'Share' })">
16196                                        <em class="primaryicon-share-icon"></em>
16197                                        <span>Share</span>
16198                                    </div>
16199
16200                                        <div class="d-flex overlay-nav-item"
16201                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD6XT3737043', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4GUHD6XT3737043', overlayType: 'key-features', label: 'Key Features' })">
16202                                            <em class="primaryicon-key-features-icon"></em>
16203                                            <span>Key Features</span>
16204                                        </div>
16205                                </div>
16206
16207                                <div class="pt-4 px-3 mt-3">
16208                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash")' target="_self"
16209                                        @keydown.space.prevent="$event.currentTarget.click()"
16210                                        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:">
16211                                        View Details
16212                                    </a>
16213                                </div>
16214                            </div>
16215                        </div>
16216                    </div>
16217                </div>
16218            </transition>
16219            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
16220                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4GUHD6XT3737043'"
16221                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
16222                     @keydown.esc.prevent="navigateToDetailsOverlay()"
16223                     @keydown.tab="srpOverlayTrapFocus($event)">
16224                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16225                        <div class="d-flex align-items-center" style="gap: 20px;">
16226                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
16227                            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>
16228                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
16229                        </div>
16230                        <div>
16231                            <em class="primaryicon-close-icon-gray"
16232                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
16233                        </div>
16234                    </div>
16235                    <div class="mt-3 pt-4 overlay-section-links">
16236                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
16237                        <template v-if="!isLoadingOverlayDetails">
16238                            <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>
16239                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash" vehicle-name="Used 202
162396 Subaru Crosstrek Premium" :page-type-id="18" :style-id="476403" class="overlay-section-content"></share-options>
16240                            <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>
16241                        </template>
16242                    </div>
16243                </div>
16244            </transition>
16245        </template>
16246    </div>
16247        
16247<script type="application/javascript">
16248
16249            var rebatesString = "[]";
16250            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
16251            localStorage.setItem("4S4SLDD63T3030680-rebates", formattedRebatesString);
16252
16253        </script>
16253
16254<div data-itemid="Subaru-Forester-Premium-4S4SLDD63T3030680" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
16255        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4SLDD63T3030680", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "22",msrp:"36825",yourPrice:"30531.0",sellingPrice:"30350",type:"Used",title:`2026 Subaru Forester Premium`},"true"==="true"), setVintoTransact("4S4SLDD63T3030680", $event,{styleId:"480409"})'
16256        @mouseleave="clearMouseHoverValue()"
16257        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
16258        used-large-box" style="height: 100%;">
16259
16260            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
16261                <div class="position-relative">
16262                    <div class="srp-top-badges">
16263                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
16264                            <div class="d-flex align-items-center gap-10">
16265                                            <div class="specials-indicator-wrapper">
16266                                                <inventory-specials-indicator
16267                                                bg-color=""
16268                                                text="">
16269                                                </inventory-specials-indicator>
16270                                            </div>
16271                            </div>
16272                        </div>
16273
16274                    </div>
16275
16276
16277                    <div id="EZ360_CVDP"></div>
16278
16279                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
16280                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4SLDD63T3030680'" class="vehicle-box__image">
16281                                    <img src="https://cdn.max.auto/t_hres/108741/4S4SLDD63T3030680/6aaa3b63050dae99f5fa7173.jpg" class="img-fluid srp-vehiclebox-image"
16282                                    title="2026 Subaru Forester Premium" alt="2026 Subaru Forester Premium" />
16283
16284                        </div>
16285
16286                        <div class="dp-srp-evox-media-4S4SLDD63T3030680" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4SLDD63T3030680'"></div>
16287
16288                        <div class="vehicle-info-icon">
16289                            <em
16290                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4SLDD63T3030680')"
16291                            class="primaryicon-options-btn-new info-icon-css"
16292                            data-vin="4S4SLDD63T3030680"
16293                            tabindex="0"
16294                            role="button"
16295                            aria-label="Vehicle info"
16296                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4SLDD63T3030680')"
16297                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4SLDD63T3030680')"
16298                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
16299                        </div>
16300                    </div>
16301
16302
16303                    <div class="vehiclebox-info-section p-3">
16304                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
16305                            <div class="d-flex">
16306                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
16307                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
16308                                        2026 Subaru Forester Premium
16309                                    </h2>
16310                                </div>
16311                            </div>
16312                        </div>
16313
16314                        <div class="vehicle-summary-section mt-3 ">
16315                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
16316                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
16317            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):showMsrp)'>
16318                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
16319                                            <div class="mr-2" style="color:#1971d4">
16320                                                <span id="4s4sldd63t3030680-price-summary-label">Your Price</span>
16321                                            </div>
16322                                            <div id="4s4sldd63t3030680-price-summary-value" class=" " style="color:#1971d4">$30,531</div>
16323                                        </div>
16324
16325            </div>
16326            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):!showMsrp )'>
16327                                <div v-if="!unlockHideMsrp">
16328                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
16329                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
16330                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$36,825</div>
16331                                    </div>
16332                                </div>
16333
16334            </div>
16335        </div>
16336
16337                            </div>
16338
16339                                <template v-if="true">
16340                                    <div class="vehicle-summary-cta flex-1">
16341                                        <object>
16342                                               <div class="primary-button-parent">
16343        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash#Transact" target="_self"
16344           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4SLDD63T3030680");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash",$event,"_self")'
16345           @keydown.space.prevent="$event.currentTarget.click()"
16346           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
16347           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
16348            CALCULATE PAYMENTS
16349        </a>
16350    </div>
16351
16352                                        </object>
16353                                    </div>
16354                                </template>
16355                        </div>
16356<div class="color-black ft-16 mt-1">
16357            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
16358                Disclosure
16359            </div>
16360</div>
16361
16362
16363                        <div class="show section-separator my-4"></div>
16364
16365
16366                            <template v-if="true">
16367                                <object>
16368                                    <div class="app-level-cta-container">
16369
16370
16371
16372
16373
16374
16375
16376                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4SLDD63T3030680","true"==="true"))' class="primary-button-parent">
16377                                                    <a :style="ctaBtnStyles"
16378                                                     tabindex="0" role="button"
16379                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash", "4S4SLDD63T3030680", "Used")'
16380                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash", "4S4SLDD63T3030680", "Used")'
16381                                                    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">
16382                                                        {{inventorySettings.data.buttonLabel}}
16383                                                    </a>
16384                                                 </div>
16385                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
16386                                                                    <a v-if="applySecondary
16386Design" href=""
16387                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
16388                                                                        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"
16389                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16390                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16391                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16392                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
16393                                                                    <a v-else href=""
16394                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
16395                                                                        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"
16396                                                                        @click.prevent="
16397                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16398                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16399                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16400                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
16401                                                                        GET MORE INFORMATION
16402                                                                    </a>
16403                                                                </div>
16404                                                                    <div class="primary-button-parent">
16405                                                                        <a v-if="applySecondary
16405Design"
16406                                                                            href="javascript:void(0)"
16407                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
16408                                                                            class=" 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"
16409                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16410                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
16411                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
16412                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
16413                                                                            CALL (805) 790-9466
16414                                                                        </a>
16415                                                                        <a v-else
16416                                                                            href="javascript:void(0)"
16417                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
16418                                                                            class=" 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"
16419                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16420                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
16421                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
16422                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDD63T3030680&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:397.24,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3030680R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
16423                                                                            >
16424                                                                            CALL (805) 790-9466
16425                                                                        </a>
16426                                                                    </div>
16427
16428
16429
16430
16431                                    </div>
16432                                </object>
16433                            </template>
16434
16435                            <div class="mt-3">
16436
16437
16438                                <div class="inventory-btns" style="width:100%;" v-cloak>
16439
16440
16441                                    <object class="d-flex flex-column primary-inventory-btn-group">
16442                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16443                                        <div class="pi-pullup-container"></div>
16444                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16445
16446                                        <div class="dvs_vin_btn" vin="4S4SLDD63T3030680"></div>
16447
16448
16449
16450
16451
16452
16453                                    </object>
16454
16455
16456
16457
16458
16459
16460
16461
16462
16463                                    
16464
16465
16466
16467
16468
16469
16470
16471
16472
16473                                </div>
16474
16475
16476                                    <div class="my-2 w-100 text-center">
16477                                        <div class="les_video" les_vin="4S4SLDD63T3030680"></div>
16478                                    </div>
16479
16480
16481
16482
16483                            </div>
16484
16485                            <active-engage-widget v-if="isEnableActivEngageSrp"
16486                                                custom-class="py-2 ft-12"></active-engage-widget>
16487                        <div class="srp-tabs-section mt-3">
16488                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
16489                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4SLDD63T3030680'] || 'payments') === 'details' }"
16490                                    tabindex="0" role="tab"
16491                                    aria-label="Details"
16492                                    :aria-selected="(activeTabsByVin['4S4SLDD63T3030680'] || 'payments') === 'details'"
16493                                    aria-controls="tab-panel-details-4S4SLDD63T3030680"
16494                                    @click.stop.prevent="setActiveTab('details', '4S4SLDD63T3030680')"
16495                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4SLDD63T3030680')">
16496                                        Details
16497                                    </div>
16498                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4SLDD63T3030680'] || 'payments') === 'payments' }"
16499                                tabindex="0" role="tab"
16500                                aria-label="Pricing"
16501                                :aria-selected="(activeTabsByVin['4S4SLDD63T3030680'] || 'payments') === 'payments'"
16502                                aria-controls="tab-panel-payments-4S4SLDD63T3030680"
16503                                @click.stop.prevent="setActiveTab('payments', '4S4SLDD63T3030680')"
16504                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4SLDD63T3030680')">
16505                                    Pricing
16506                                </div>
16507                            </div>
16508
16509                            <div class="srp-tab-content">
16510                                <div :class="(activeTabsByVin['4S4SLDD63T3030680'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4SLDD63T3030680" aria-label="Details">
16511                                    <div class="vehicle-details-list">
16512
16513
16514                                            <div class="details-item-row">
16515                                                <div class="details-item-label">Stock #</div>
16516                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
16517                                                    <div id="copy_stock" class="d-inline">T3030680R</div>
16518                                                </div>
16519                                            </div>
16520
16521                                        
16522
16523
16524
16525
16526
16527                                                <div class="details-item-row">
16528                                                    <div class="details-item-label">Mileage</div>
16529                                                    <div class="details-item-value">9,300 Miles</div>
16530                                                </div>
16531
16532                                    </div>
16533
16534                                </div>
16535                                <div :class="(activeTabsByVin['4S4SLDD63T3030680'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4SLDD63T3030680" aria-label="Pricing">
16536                                            <div class="msrppanel-label">
16537                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):showMsrp)'>
16538
16539
16540                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-36825' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
16541                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
16542                                                                                        
16543
16544<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
16545    KBB Price
16546</div>
16547<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$36,825</div>
16548
16549
16550                                                                                    </div>
16551                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$6,475</span> </div>
16552                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
16553                                                                                                <div>
16554                                                                                                    Doc Fee
16555                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
16556                                                                                                </div>
16557                                                                                                <div class="d-flex pl-2">
16558                                                                                                    &#x2B;$85
16559                                                                                                </div>
16560                                                                                            </div>
16561                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
16562                                                                                                <div>
16563                                                                                                    EVR
16564                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
16565                                                                                                </div>
16566                                                                                                <div class="d-flex pl-2">
16567                                                                                                    &#x2B;$37
16568                                                                                                </div>
16569                                                                                            </div>
16570                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
16571                                                                                                <div>
16572                                                                                                    Emissions Test
16573                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
16574                                                                                                </div>
16575                                                                                                <div class="d-flex pl-2">
16576                                                                                                    &#x2B;$59
16577                                                                                                </div>
16578                                                                                            </div>
16579                                                                            <div id="4s4sldd63t3030
16579680-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
16580                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
16581                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
16582                                                                                </span>
16583                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4sldd63t3030680-unlock-discount-price"></label></span>
16584                                                                            </div>
16585                                                                            <div id="4s4sldd63t3030680-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'>
16586                                                                                <div class="mr-2" style="color:#1971d4">
16587                                                                                    <span id="4s4sldd63t3030680-selling-price-label" class="p-0">Your Price</span>
16588                                                                                </div>
16589                                                                                <div id="4s4sldd63t3030680-your-price-hide" class=" " style="color:#1971d4">$30,531</div>
16590                                                                            </div>
16591                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
16592                                                                                <div class="mr-2" style="color:#1971d4">
16593                                                                                    <span id="4s4sldd63t3030680-selling-price-label" class="p-0">Your Price</span>
16594                                                                                </div>
16595                                                                                <div id="4s4sldd63t3030680-your-price" class=" " style="color:#1971d4">$30,531</div>
16596                                                                            </div>
16597
16598
16599
16600
16601                                                        <total-incentive-discount qualified-data=''
16602                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
16603                                                                                :pricedata="{'msrp':'36825','yourPrice':'30531.0'}"
16604                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
16605                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
16606                                                    <div class="color-black ft-16 mt-1">
16607            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
16608                Disclosure
16609            </div>
16610</div>
16611
16612                                                </div>
16613
16614                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDD63T3030680", "true"==="true"):!showMsrp )'>
16615                                                                    <div v-if="!unlockHideMsrp">
16616                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-36825' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
16617                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
16618                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
16619                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$36,825</div>
16620                                                                        </div>
16621                                                                    </div>
16622
16623                                                </div>
16624                                            </div>
16625                                </div>
16626                            </div>
16627                        </div>
16628                        <div id="cta-params-4S4SLDD63T3030680"
16629                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:30531.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
16630                        </div>
16631
16632                        <div>
16633
16634                            <vehicle-badges model="Forester"
16635                                            :current="'srp'"
16636                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
16637                                            :eyesight="'False'"
16638                                            :starlink="'False'"
16639                                            :von="''"
16640                                            :onorder="''"
16641                                            :vin="'4S4SLDD63T3030680'"
16642                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash'"
16643                                            :vehicle-badges-top-srp="'False'"
16644                                            :year="'2026'"
16645                                            :in-transit-background-color-srp="''"
16646                                            :in-transit-badge-color-srp="''"
16647                                            :in-production-background-color-srp="''"
16648                                            :in-production-badge-color-srp="''"
16649                                            @opendisclaimer="openDisclaimerPopup($event)">
16650                            </vehicle-badges>
16651
16652                                <div class="d-flex flex-wrap">
16653                                    
16654
16655
16656
16657
16658
16659
16660                                </div>
16661                        </div>
16662
16663
16664
16665                        <div class="d-flex flex-wrap srp-certified-img-section">
16666
16667
16668                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
16669                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
16670                                        </div>
16671
16672                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/7Mz60JTIQFYVNsyYL3_he_qXbJSs3mmfyzqy5S4koQL_HBqsGZHMm8DWAjplN6ckPXVck9tzRQabxIJ7al0uNUPgBEivC00_Bss')">
16673                                        <img src="https://partnerstatic.
16673carfax.com/img/valuebadge/1own_great.svg"
16674                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
16675                                    </div>
16676
16677
16678
16679
16680
16681                        </div>
16682
16683                        <div v-if="currentTheme == 'subaru'" class="mt-3">
16684                            <subaru-badge-new model="Forester"
16685                                            year="2026"
16686                                            make="Subaru"
16687                                            type="Used"
16688                                            :current="'srp'"
16689                                            :transit="'False'"
16690                                            :eyesight="'False'"
16691                                            :starlink="'False'"
16692                                            :von="''"
16693                                            :onorder="''"
16694                                            :vin="'4S4SLDD63T3030680'"
16695                                            :hide-in-transit="'False'"
16696                                            :vehicle-badges-top-srp="'False'"
16697                                            :subaru-consumer-report-class="'subaruForesterconsumerreport-2026'"
16698                                            :in-transit-background-color-srp="''"
16699                                            :in-transit-badge-color-srp="''"
16700                                            >
16701                            </subaru-badge-new>
16702                        </div>
16703
16704                    </div>
16705                </div>
16706
16707
16708
16709            </div>
16710        </a>
16711        <template v-if="true">
16712            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
16713                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4SLDD63T3030680'" class="vehicle-data-overlay-container"
16714                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
16715                     @keydown.esc.prevent="closeDetailsOverlay()"
16716                     @keydown.tab="srpOverlayTrapFocus($event)">
16717                    <div class="vehicle-overlay-data">
16718                        <div class="srp-overlay-options">
16719                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16720                                <div class="d-flex align-items-center" style="gap: 20px;">
16721                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
16722                                     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>
16723                                    <h3 class="mb-0">Options</h3>
16724                                </div>
16725                                <div>
16726                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
16727                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
16728                                </div>
16729                            </div>
16730
16731                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
16732                                <div class="overlay-nav-items px-3 pt-4">
16733                                    <div class="d-flex overlay-nav-item" tabindex="0"
16734                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDD63T3030680', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDD63T3030680', overlayType: 'share-options', label: 'Share' })">
16735                                        <em class="primaryicon-share-icon"></em>
16736                                        <span>Share</span>
16737                                    </div>
16738
16739                                        <div class="d-flex overlay-nav-item"
16740                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDD63T3030680', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDD63T3030680', overlayType: 'key-features', label: 'Key Features' })">
16741                                            <em class="primaryicon-key-features-icon"></em>
16742                                            <span>Key Features</span>
16743                                        </div>
16744                                </div>
16745
16746                                <div class="pt-4 px-3 mt-3">
16747                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash")' target="_self"
16748                                        @keydown.space.prevent="$event.currentTarget.click()"
16749                                        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:">
16750                                        View Details
16751                                    </a>
16752                                </div>
16753                            </div>
16754                        </div>
16755                    </div>
16756                </div>
16757            </transition>
16758            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
16759                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4SLDD63T3030680'"
16760                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
16761                     @keydown.esc.prevent="navigateToDetailsOverlay()"
16762                     @keydown.tab="srpOverlayTrapFocus($event)">
16763                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
16764                        <div class="d-flex align-items-center" style="gap: 20px;">
16765                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
16766                            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>
16767                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
16768                        </div>
16769                        <div>
16770                            <em class="primaryicon-close-icon-gray"
16771                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
16772                        </div>
16773                    </div>
16774                    <div class="mt-3 pt-4 overlay-section-links">
16775                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
16776                        <template v-if="!isLoadingOverlayDetails">
16777                            <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>
16778                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash" vehicle-name="Used 202
167786 Subaru Forester Premium" :page-type-id="18" :style-id="480409" class="overlay-section-content"></share-options>
16779                            <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>
16780                        </template>
16781                    </div>
16782                </div>
16783            </transition>
16784        </template>
16785    </div>
16786        
16786<script type="application/javascript">
16787
16788            var rebatesString = "[]";
16789            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
16790            localStorage.setItem("4S4SLDB65T3028531-rebates", formattedRebatesString);
16791
16792        </script>
16792
16793<div data-itemid="Subaru-Forester-Premium-4S4SLDB65T3028531" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
16794        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4SLDB65T3028531", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "23",msrp:"35625",yourPrice:"30590.0",sellingPrice:"30409",type:"Used",title:`2026 Subaru Forester Premium`},"true"==="true"), setVintoTransact("4S4SLDB65T3028531", $event,{styleId:"480409"})'
16795        @mouseleave="clearMouseHoverValue()"
16796        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
16797        used-large-box" style="height: 100%;">
16798
16799            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
16800                <div class="position-relative">
16801                    <div class="srp-top-badges">
16802                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
16803                            <div class="d-flex align-items-center gap-10">
16804                                            <div class="specials-indicator-wrapper">
16805                                                <inventory-specials-indicator
16806                                                bg-color=""
16807                                                text="">
16808                                                </inventory-specials-indicator>
16809                                            </div>
16810                            </div>
16811                        </div>
16812
16813                    </div>
16814
16815
16816                    <div id="EZ360_CVDP"></div>
16817
16818                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
16819                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4SLDB65T3028531'" class="vehicle-box__image">
16820                                    <img src="https://cdn.max.auto/t_hres/108741/4S4SLDB65T3028531/6aa6efc0050dae99f5e1f3ab.jpg" class="img-fluid srp-vehiclebox-image"
16821                                    title="2026 Subaru Forester Premium" alt="2026 Subaru Forester Premium" />
16822
16823                        </div>
16824
16825                        <div class="dp-srp-evox-media-4S4SLDB65T3028531" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4SLDB65T3028531'"></div>
16826
16827                        <div class="vehicle-info-icon">
16828                            <em
16829                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4SLDB65T3028531')"
16830                            class="primaryicon-options-btn-new info-icon-css"
16831                            data-vin="4S4SLDB65T3028531"
16832                            tabindex="0"
16833                            role="button"
16834                            aria-label="Vehicle info"
16835                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4SLDB65T3028531')"
16836                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4SLDB65T3028531')"
16837                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
16838                        </div>
16839                    </div>
16840
16841
16842                    <div class="vehiclebox-info-section p-3">
16843                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
16844                            <div class="d-flex">
16845                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
16846                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
16847                                        2026 Subaru Forester Premium
16848                                    </h2>
16849                                </div>
16850                            </div>
16851                        </div>
16852
16853                        <div class="vehicle-summary-section mt-3 ">
16854                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
16855                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
16856            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):showMsrp)'>
16857                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
16858                                            <div class="mr-2" style="color:#1971d4">
16859                                                <span id="4s4sldb65t3028531-price-summary-label">Your Price</span>
16860                                            </div>
16861                                            <div id="4s4sldb65t3028531-price-summary-value" class=" " style="color:#1971d4">$30,590</div>
16862                                        </div>
16863
16864            </div>
16865            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):!showMsrp )'>
16866                                <div v-if="!unlockHideMsrp">
16867                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
16868                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
16869                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$35,625</div>
16870                                    </div>
16871                                </div>
16872
16873            </div>
16874        </div>
16875
16876                            </div>
16877
16878                                <template v-if="true">
16879                                    <div class="vehicle-summary-cta flex-1">
16880                                        <object>
16881                                               <div class="primary-button-parent">
16882        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash#Transact" target="_self"
16883           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4SLDB65T3028531");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash",$event,"_self")'
16884           @keydown.space.prevent="$event.currentTarget.click()"
16885           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
16886           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
16887            CALCULATE PAYMENTS
16888        </a>
16889    </div>
16890
16891                                        </object>
16892                                    </div>
16893                                </template>
16894                        </div>
16895<div class="color-black ft-16 mt-1">
16896            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
16897                Disclosure
16898            </div>
16899</div>
16900
16901
16902                        <div class="show section-separator my-4"></div>
16903
16904
16905                            <template v-if="true">
16906                                <object>
16907                                    <div class="app-level-cta-container">
16908
16909
16910
16911
16912
16913
16914
16915                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4SLDB65T3028531","true"==="true"))' class="primary-button-parent">
16916                                                    <a :style="ctaBtnStyles"
16917                                                     tabindex="0" role="button"
16918                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash", "4S4SLDB65T3028531", "Used")'
16919                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash", "4S4SLDB65T3028531", "Used")'
16920                                                    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">
16921                                                        {{inventorySettings.data.buttonLabel}}
16922                                                    </a>
16923                                                 </div>
16924                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
16925                                                                    <a v-if="applySecondary
16925Design" href=""
16926                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
16927                                                                        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"
16928                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16929                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16930                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16931                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
16932                                                                    <a v-else href=""
16933                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
16934                                                                        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"
16935                                                                        @click.prevent="
16936                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16937                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;
169374S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
16938                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16939                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
16940                                                                        GET MORE INFORMATION
16941                                                                    </a>
16942                                                                </div>
16943                                                                    <div class="primary-button-parent">
16944                                                                        <a v-if="applySecondaryDesign"
16945                                                                            href="javascript:void(0)"
16946                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
16947                                                                            class=" 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"
16948                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16949                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
16950                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
16951                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
16952                                                                            CALL (805) 790-9466
16953                                                                        </a>
16954                                                                        <a v-else
16955                                                                            href="javascript:void(0)"
16956                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
16957                                                                            class=" 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"
16958                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
16959                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
16960                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;
169604S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
16961                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDB65T3028531&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:398.02,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3028531R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
16962                                                                            >
16963                                                                            CALL (805) 790-9466
16964                                                                        </a>
16965                                                                    </div>
16966
16967
16968
16969
16970                                    </div>
16971                                </object>
16972                            </template>
16973
16974                            <div class="mt-3">
16975
16976
16977                                <div class="inventory-btns" style="width:100%;" v-cloak>
16978
16979
16980                                    <object class="d-flex flex-column primary-inventory-btn-group">
16981                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16982                                        <div class="pi-pullup-container"></div>
16983                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
16984
16985                                        <div class="dvs_vin_btn" vin="4S4SLDB65T3028531"></div>
16986
16987
16988
16989
16990
16991
16992                                    </object>
16993
16994
16995
16996
16997
16998
16999
17000
17001
17002                                    
17003
17004
17005
17006
17007
17008
17009
17010
17011
17012                                </div>
17013
17014
17015                                    <div class="my-2 w-100 text-center">
17016                                        <div class="les_video" les_vin="4S4SLDB65T3028531"></div>
17017                                    </div>
17018
17019
17020
17021
17022                            </div>
17023
17024                            <active-engage-widget v-if="isEnableActivEngageSrp"
17025                                                custom-class="py-2 ft-12"></active-engage-widget>
17026                        <div class="srp-tabs-section mt-3">
17027                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
17028                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4SLDB65T3028531'] || 'payments') === 'details' }"
17029                                    tabindex="0" role="tab"
17030                                    aria-label="Details"
17031                                    :aria-selected="(activeTabsByVin['4S4SLDB65T3028531'] || 'payments') === 'details'"
17032                                    aria-controls="tab-panel-details-4S4SLDB65T3028531"
17033                                    @click.stop.prevent="setActiveTab('details', '4S4SLDB65T3028531')"
17034                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4SLDB65T3028531')">
17035                                        Details
17036                                    </div>
17037                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4SLDB65T3028531'] || 'payments') === 'payments' }"
17038                                tabindex="0" role="tab"
17039                                aria-label="Pricing"
17040                                :aria-selected="(activeTabsByVin['4S4SLDB65T3028531'] || 'payments') === 'payments'"
17041                                aria-controls="tab-panel-payments-4S4SLDB65T3028531"
17042                                @click.stop.prevent="setActiveTab('payments', '4S4SLDB65T3028531')"
17043                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4SLDB65T3028531')">
17044                                    Pricing
17045                                </div>
17046                            </div>
17047
17048                            <div class="srp-tab-content">
17049                                <div :class="(activeTabsByVin['4S4SLDB65T3028531'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4SLDB65T3028531" aria-label="Details">
17050                                    <div class="vehicle-details-list">
17051
17052
17053                                            <div class="details-item-row">
17054                                                <div class="details-item-label">Stock #</div>
17055                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
17056                                                    <div id="copy_stock" class="d-inline">T3028531R</div>
17057                                                </div>
17058                                            </div>
17059
17060                                        
17061
17062
17063
17064
17065
17066                                                <div class="details-item-row">
17067                                                    <div class="details-item-label">Mileage</div>
17068                                                    <div class="details-item-value">7,421 Miles</div>
17069                                                </div>
17070
17071                                    </div>
17072
17073                                </div>
17074                                <div :class="(activeTabsByVin['4S4SLDB65T3028531'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4SLDB65T3028531" aria-label="Pricing">
17075                                            <div class="msrppanel-label">
17076                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):showMsrp)'>
17077
17078
17079                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-35625' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17080                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
17081                                                                                        
17082
17083<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
17084    KBB Price
17085</div>
17086<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$35,625</div>
17087
17088
17089                                                                                    </div>
17090                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$5,216</span> </div>
17091                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
17092                                                                                                <div>
17093                                                                                                    Doc Fee
17094                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17095                                                                                                </div>
17096                                                                                                <div class="d-flex pl-2">
17097                                                                                                    &#x2B;$85
17098                                                                                                </div>
17099                                                                                            </div>
17100                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
17101                                                                                                <div>
17102                                                                                                    EVR
17103                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17104                                                                                                </div>
17105                                                                                                <div class="d-flex pl-2">
17106                                                                                                    &#x2B;$37
17107                                                                                                </div>
17108                                                                                            </div>
17109                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
17110                                                                                                <div>
17111                                                                                                    Emissions Test
17112                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17113                                                                                                </div>
17114                                                                                                <div class="d-flex pl-2">
17115                                                                                                    &#x2B;$59
17116                                                                                                </div>
17117                                                                                            </div>
17118                                                                            <div id="4s4sldb65t3028531-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
17119                                                                                <sp
17119an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
17120                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
17121                                                                                </span>
17122                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4sldb65t3028531-unlock-discount-price"></label></span>
17123                                                                            </div>
17124                                                                            <div id="4s4sldb65t3028531-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'>
17125                                                                                <div class="mr-2" style="color:#1971d4">
17126                                                                                    <span id="4s4sldb65t3028531-selling-price-label" class="p-0">Your Price</span>
17127                                                                                </div>
17128                                                                                <div id="4s4sldb65t3028531-your-price-hide" class=" " style="color:#1971d4">$30,590</div>
17129                                                                            </div>
17130                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
17131                                                                                <div class="mr-2" style="color:#1971d4">
17132                                                                                    <span id="4s4sldb65t3028531-selling-price-label" class="p-0">Your Price</span>
17133                                                                                </div>
17134                                                                                <div id="4s4sldb65t3028531-your-price" class=" " style="color:#1971d4">$30,590</div>
17135                                                                            </div>
17136
17137
17138
17139
17140                                                        <total-incentive-discount qualified-data=''
17141                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
17142                                                                                :pricedata="{'msrp':'35625','yourPrice':'30590.0'}"
17143                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
17144                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
17145                                                    <div class="color-black ft-16 mt-1">
17146            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
17147                Disclosure
17148            </div>
17149</div>
17150
17151                                                </div>
17152
17153                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDB65T3028531", "true"==="true"):!showMsrp )'>
17154                                                                    <div v-if="!unlockHideMsrp">
17155                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-35625' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17156                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
17157                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
17158                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$35,625</div>
17159                                                                        </div>
17160                                                                    </div>
17161
17162                                                </div>
17163                                            </div>
17164                                </div>
17165                            </div>
17166                        </div>
17167                        <div id="cta-params-4S4SLDB65T3028531"
17168                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:30590.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
17169                        </div>
17170
17171                        <div>
17172
17173                            <vehicle-badges model="Forester"
17174                                            :current="'srp'"
17175                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
17176                                            :eyesight="'False'"
17177                                            :starlink="'False'"
17178                                            :von="''"
17179                                            :onorder="''"
17180                                            :vin="'4S4SLDB65T3028531'"
17181                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash'"
17182                                            :vehicle-badges-top-srp="'False'"
17183                                            :year="'2026'"
17184                                            :in-transit-background-color-srp="''"
17185                                            :in-transit-badge-color-srp="''"
17186                                            :in-production-background-color-srp="''"
17187                                            :in-production-badge-color-srp="''"
17188                                            @opendisclaimer="openDisclaimerPopup($event)">
17189                            </vehicle-badges>
17190
17191                                <div class="d-flex flex-wrap">
17192                                    
17193
17194
17195
17196
17197
17198
17199                                </div>
17200                        </div>
17201
17202
17203
17204                        <div class="d-flex flex-wrap srp-certified-img-section">
17205
17206
17207                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
17208                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
17209                                        </div>
17210
17211                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/86hgETEUN8n8zGvh2AUaqkeUP3GIRESuGEAIwOolk4lY-Te-91rB3okISjREsqncnEa6XVGQqYkFRJpzyrN3AraSAYDK7cmiwOY')">
17212                                        <img src="https://partnerstatic.
17212carfax.com/img/valuebadge/1own_great.svg"
17213                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
17214                                    </div>
17215
17216
17217
17218
17219
17220                        </div>
17221
17222                        <div v-if="currentTheme == 'subaru'" class="mt-3">
17223                            <subaru-badge-new model="Forester"
17224                                            year="2026"
17225                                            make="Subaru"
17226                                            type="Used"
17227                                            :current="'srp'"
17228                                            :transit="'False'"
17229                                            :eyesight="'False'"
17230                                            :starlink="'False'"
17231                                            :von="''"
17232                                            :onorder="''"
17233                                            :vin="'4S4SLDB65T3028531'"
17234                                            :hide-in-transit="'False'"
17235                                            :vehicle-badges-top-srp="'False'"
17236                                            :subaru-consumer-report-class="'subaruForesterconsumerreport-2026'"
17237                                            :in-transit-background-color-srp="''"
17238                                            :in-transit-badge-color-srp="''"
17239                                            >
17240                            </subaru-badge-new>
17241                        </div>
17242
17243                    </div>
17244                </div>
17245
17246
17247
17248            </div>
17249        </a>
17250        <template v-if="true">
17251            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
17252                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4SLDB65T3028531'" class="vehicle-data-overlay-container"
17253                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
17254                     @keydown.esc.prevent="closeDetailsOverlay()"
17255                     @keydown.tab="srpOverlayTrapFocus($event)">
17256                    <div class="vehicle-overlay-data">
17257                        <div class="srp-overlay-options">
17258                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17259                                <div class="d-flex align-items-center" style="gap: 20px;">
17260                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
17261                                     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>
17262                                    <h3 class="mb-0">Options</h3>
17263                                </div>
17264                                <div>
17265                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
17266                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
17267                                </div>
17268                            </div>
17269
17270                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
17271                                <div class="overlay-nav-items px-3 pt-4">
17272                                    <div class="d-flex overlay-nav-item" tabindex="0"
17273                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDB65T3028531', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDB65T3028531', overlayType: 'share-options', label: 'Share' })">
17274                                        <em class="primaryicon-share-icon"></em>
17275                                        <span>Share</span>
17276                                    </div>
17277
17278                                        <div class="d-flex overlay-nav-item"
17279                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDB65T3028531', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDB65T3028531', overlayType: 'key-features', label: 'Key Features' })">
17280                                            <em class="primaryicon-key-features-icon"></em>
17281                                            <span>Key Features</span>
17282                                        </div>
17283                                </div>
17284
17285                                <div class="pt-4 px-3 mt-3">
17286                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash")' target="_self"
17287                                        @keydown.space.prevent="$event.currentTarget.click()"
17288                                        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:">
17289                                        View Details
17290                                    </a>
17291                                </div>
17292                            </div>
17293                        </div>
17294                    </div>
17295                </div>
17296            </transition>
17297            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
17298                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4SLDB65T3028531'"
17299                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
17300                     @keydown.esc.prevent="navigateToDetailsOverlay()"
17301                     @keydown.tab="srpOverlayTrapFocus($event)">
17302                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17303                        <div class="d-flex align-items-center" style="gap: 20px;">
17304                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
17305                            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>
17306                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
17307                        </div>
17308                        <div>
17309                            <em class="primaryicon-close-icon-gray"
17310                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
17311                        </div>
17312                    </div>
17313                    <div class="mt-3 pt-4 overlay-section-links">
17314                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
17315                        <template v-if="!isLoadingOverlayDetails">
17316                            <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>
17317                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash" vehicle-name="Used 202
173176 Subaru Forester Premium" :page-type-id="18" :style-id="480409" class="overlay-section-content"></share-options>
17318                            <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>
17319                        </template>
17320                    </div>
17321                </div>
17322            </transition>
17323        </template>
17324    </div>
17325        
17325<script type="application/javascript">
17326
17327            var rebatesString = "[]";
17328            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
17329            localStorage.setItem("JF1VBAH64R9819834-rebates", formattedRebatesString);
17330
17331        </script>
17331
17332<div data-itemid="Subaru-WRX-Premium-JF1VBAH64R9819834" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
17333        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash" target="_self" @click='vehicleDetails($event, "JF1VBAH64R9819834", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash", {vehicleCount: "30", vehicleIndex: "24",msrp:"33450",yourPrice:"31068.0",sellingPrice:"30887",type:"Used",title:`2024 Subaru WRX Premium`},"true"==="true"), setVintoTransact("JF1VBAH64R9819834", $event,{styleId:"451035"})'
17334        @mouseleave="clearMouseHoverValue()"
17335        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
17336        used-large-box" style="height: 100%;">
17337
17338            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
17339                <div class="position-relative">
17340                    <div class="srp-top-badges">
17341                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
17342                            <div class="d-flex align-items-center gap-10">
17343                                            <div class="specials-indicator-wrapper">
17344                                                <inventory-specials-indicator
17345                                                bg-color=""
17346                                                text="">
17347                                                </inventory-specials-indicator>
17348                                            </div>
17349                            </div>
17350                        </div>
17351
17352                    </div>
17353
17354
17355                    <div id="EZ360_CVDP"></div>
17356
17357                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
17358                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF1VBAH64R9819834'" class="vehicle-box__image">
17359                                    <img src="https://cdn.max.auto/t_hres/108741/JF1VBAH64R9819834/6aacde84050dae99f5dc895e.jpg" class="img-fluid srp-vehiclebox-image"
17360                                    title="2024 Subaru WRX Premium" alt="2024 Subaru WRX Premium" />
17361
17362                        </div>
17363
17364                        <div class="dp-srp-evox-media-JF1VBAH64R9819834" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF1VBAH64R9819834'"></div>
17365
17366                        <div class="vehicle-info-icon">
17367                            <em
17368                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF1VBAH64R9819834')"
17369                            class="primaryicon-options-btn-new info-icon-css"
17370                            data-vin="JF1VBAH64R9819834"
17371                            tabindex="0"
17372                            role="button"
17373                            aria-label="Vehicle info"
17374                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF1VBAH64R9819834')"
17375                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF1VBAH64R9819834')"
17376                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
17377                        </div>
17378                    </div>
17379
17380
17381                    <div class="vehiclebox-info-section p-3">
17382                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
17383                            <div class="d-flex">
17384                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
17385                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
17386                                        2024 Subaru WRX Premium
17387                                    </h2>
17388                                </div>
17389                            </div>
17390                        </div>
17391
17392                        <div class="vehicle-summary-section mt-3 ">
17393                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
17394                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
17395            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):showMsrp)'>
17396                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
17397                                            <div class="mr-2" style="color:#1971d4">
17398                                                <span id="jf1vbah64r9819834-price-summary-label">Your Price</span>
17399                                            </div>
17400                                            <div id="jf1vbah64r9819834-price-summary-value" class=" " style="color:#1971d4">$31,068</div>
17401                                        </div>
17402
17403            </div>
17404            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):!showMsrp )'>
17405                                <div v-if="!unlockHideMsrp">
17406                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
17407                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
17408                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$33,450</div>
17409                                    </div>
17410                                </div>
17411
17412            </div>
17413        </div>
17414
17415                            </div>
17416
17417                                <template v-if="true">
17418                                    <div class="vehicle-summary-cta flex-1">
17419                                        <object>
17420                                               <div class="primary-button-parent">
17421        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash#Transact" target="_self"
17422           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF1VBAH64R9819834");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash",$event,"_self")'
17423           @keydown.space.prevent="$event.currentTarget.click()"
17424           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
17425           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
17426            CALCULATE PAYMENTS
17427        </a>
17428    </div>
17429
17430                                        </object>
17431                                    </div>
17432                                </template>
17433                        </div>
17434<div class="color-black ft-16 mt-1">
17435            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
17436                Disclosure
17437            </div>
17438</div>
17439
17440
17441                        <div class="show section-separator my-4"></div>
17442
17443
17444                            <template v-if="true">
17445                                <object>
17446                                    <div class="app-level-cta-container">
17447
17448
17449
17450
17451
17452
17453
17454                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF1VBAH64R9819834","true"==="true"))' class="primary-button-parent">
17455                                                    <a :style="ctaBtnStyles"
17456                                                     tabindex="0" role="button"
17457                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash", "JF1VBAH64R9819834", "Used")'
17458                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash", "JF1VBAH64R9819834", "Used")'
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 cursor-pointer">
17460                                                        {{inventorySettings.data.buttonLabel}}
17461                                                    </a>
17462                                                 </div>
17463                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
17464                                                                    <a v-if="applySecondary
17464Design" href=""
17465                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
17466                                                                        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"
17467                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17468                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17469                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
17470                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
17471                                                                    <a v-else href=""
17472                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
17473                                                                        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"
17474                                                                        @click.prevent="
17475                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17476                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
17477                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
17478                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
17479                                                                        GET MORE INFORMATION
17480                                                                    </a>
17481                                                                </div>
17482                                                                    <div class="primary-button-parent">
17483                                                                        <a v-if="applySecondary
17483Design"
17484                                                                            href="javascript:void(0)"
17485                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
17486                                                                            class=" 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"
17487                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
17488                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
17489                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
17490                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
17491                                                                            CALL (805) 790-9466
17492                                                                        </a>
17493                                                                        <a v-else
17494                                                                            href="javascript:void(0)"
17495                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
17496                                                                            class=" 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"
17497                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
17498                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
17499                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
17500                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF1VBAH64R9819834&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;WRX&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:404.22,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash&quot;,&quot;stockNumber&quot;:&quot;R9819834P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
17501                                                                            >
17502                                                                            CALL (805) 790-9466
17503                                                                        </a>
17504                                                                    </div>
17505
17506
17507
17508
17509                                    </div>
17510                                </object>
17511                            </template>
17512
17513                            <div class="mt-3">
17514
17515
17516                                <div class="inventory-btns" style="width:100%;" v-cloak>
17517
17518
17519                                    <object class="d-flex flex-column primary-inventory-btn-group">
17520                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
17521                                        <div class="pi-pullup-container"></div>
17522                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
17523
17524                                        <div class="dvs_vin_btn" vin="JF1VBAH64R9819834"></div>
17525
17526
17527
17528
17529
17530
17531                                    </object>
17532
17533
17534
17535
17536
17537
17538
17539
17540
17541                                    
17542
17543
17544
17545
17546
17547
17548
17549
17550
17551                                </div>
17552
17553
17554                                    <div class="my-2 w-100 text-center">
17555                                        <div class="les_video" les_vin="JF1VBAH64R9819834"></div>
17556                                    </div>
17557
17558
17559
17560
17561                            </div>
17562
17563                            <active-engage-widget v-if="isEnableActivEngageSrp"
17564                                                custom-class="py-2 ft-12"></active-engage-widget>
17565                        <div class="srp-tabs-section mt-3">
17566                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
17567                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1VBAH64R9819834'] || 'payments') === 'details' }"
17568                                    tabindex="0" role="tab"
17569                                    aria-label="Details"
17570                                    :aria-selected="(activeTabsByVin['JF1VBAH64R9819834'] || 'payments') === 'details'"
17571                                    aria-controls="tab-panel-details-JF1VBAH64R9819834"
17572                                    @click.stop.prevent="setActiveTab('details', 'JF1VBAH64R9819834')"
17573                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF1VBAH64R9819834')">
17574                                        Details
17575                                    </div>
17576                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF1VBAH64R9819834'] || 'payments') === 'payments' }"
17577                                tabindex="0" role="tab"
17578                                aria-label="Pricing"
17579                                :aria-selected="(activeTabsByVin['JF1VBAH64R9819834'] || 'payments') === 'payments'"
17580                                aria-controls="tab-panel-payments-JF1VBAH64R9819834"
17581                                @click.stop.prevent="setActiveTab('payments', 'JF1VBAH64R9819834')"
17582                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF1VBAH64R9819834')">
17583                                    Pricing
17584                                </div>
17585                            </div>
17586
17587                            <div class="srp-tab-content">
17588                                <div :class="(activeTabsByVin['JF1VBAH64R9819834'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF1VBAH64R9819834" aria-label="Details">
17589                                    <div class="vehicle-details-list">
17590
17591
17592                                            <div class="details-item-row">
17593                                                <div class="details-item-label">Stock #</div>
17594                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
17595                                                    <div id="copy_stock" class="d-inline">R9819834P</div>
17596                                                </div>
17597                                            </div>
17598
17599                                        
17600
17601
17602
17603
17604
17605                                                <div class="details-item-row">
17606                                                    <div class="details-item-label">Mileage</div>
17607                                                    <div class="details-item-value">11,025 Miles</div>
17608                                                </div>
17609
17610                                    </div>
17611
17612                                </div>
17613                                <div :class="(activeTabsByVin['JF1VBAH64R9819834'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF1VBAH64R9819834" aria-label="Pricing">
17614                                            <div class="msrppanel-label">
17615                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):showMsrp)'>
17616
17617
17618                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-33450' :sh
17618owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17619                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
17620                                                                                        
17621
17622<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
17623    KBB Price
17624</div>
17625<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$33,450</div>
17626
17627
17628                                                                                    </div>
17629                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$2,563</span> </div>
17630                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
17631                                                                                                <div>
17632                                                                                                    Doc Fee
17633                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17634                                                                                                </div>
17635                                                                                                <div class="d-flex pl-2">
17636                                                                                                    &#x2B;$85
17637                                                                                                </div>
17638                                                                                            </div>
17639                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
17640                                                                                                <div>
17641                                                                                                    EVR
17642                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17643                                                                                                </div>
17644                                                                                                <div class="d-flex pl-2">
17645                                                                                                    &#x2B;$37
17646                                                                                                </div>
17647                                                                                            </div>
17648                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
17649                                                                                                <div>
17650                                                                                                    Emissions Test
17651                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
17652                                                                                                </div>
17653                                                                                                <div class="d-flex pl-2">
17654                                                                                                    &#x2B;$59
17655                                                                                                </div>
17656                                                                                            </div>
17657                                                                            <div id="jf1vbah64r9819834-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
17658                                                                                <sp
17658an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
17659                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
17660                                                                                </span>
17661                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf1vbah64r9819834-unlock-discount-price"></label></span>
17662                                                                            </div>
17663                                                                            <div id="jf1vbah64r9819834-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'>
17664                                                                                <div class="mr-2" style="color:#1971d4">
17665                                                                                    <span id="jf1vbah64r9819834-selling-price-label" class="p-0">Your Price</span>
17666                                                                                </div>
17667                                                                                <div id="jf1vbah64r9819834-your-price-hide" class=" " style="color:#1971d4">$31,068</div>
17668                                                                            </div>
17669                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
17670                                                                                <div class="mr-2" style="color:#1971d4">
17671                                                                                    <span id="jf1vbah64r9819834-selling-price-label" class="p-0">Your Price</span>
17672                                                                                </div>
17673                                                                                <div id="jf1vbah64r9819834-your-price" class=" " style="color:#1971d4">$31,068</div>
17674                                                                            </div>
17675
17676
17677
17678
17679                                                        <total-incentive-discount qualified-data=''
17680                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
17681                                                                                :pricedata="{'msrp':'33450','yourPrice':'31068.0'}"
17682                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
17683                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
17684                                                    <div class="color-black ft-16 mt-1">
17685            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
17686                Disclosure
17687            </div>
17688</div>
17689
17690                                                </div>
17691
17692                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF1VBAH64R9819834", "true"==="true"):!showMsrp )'>
17693                                                                    <div v-if="!unlockHideMsrp">
17694                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-33450' :sh
17694owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
17695                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
17696                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
17697                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$33,450</div>
17698                                                                        </div>
17699                                                                    </div>
17700
17701                                                </div>
17702                                            </div>
17703                                </div>
17704                            </div>
17705                        </div>
17706                        <div id="cta-params-JF1VBAH64R9819834"
17707                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:31068.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
17708                        </div>
17709
17710                        <div>
17711
17712                            <vehicle-badges model="WRX"
17713                                            :current="'srp'"
17714                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
17715                                            :eyesight="'False'"
17716                                            :starlink="'False'"
17717                                            :von="''"
17718                                            :onorder="''"
17719                                            :vin="'JF1VBAH64R9819834'"
17720                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash'"
17721                                            :vehicle-badges-top-srp="'False'"
17722                                            :year="'2024'"
17723                                            :in-transit-background-color-srp="''"
17724                                            :in-transit-badge-color-srp="''"
17725                                            :in-production-background-color-srp="''"
17726                                            :in-production-badge-color-srp="''"
17727                                            @opendisclaimer="openDisclaimerPopup($event)">
17728                            </vehicle-badges>
17729
17730                                <div class="d-flex flex-wrap">
17731                                    
17732
17733
17734
17735
17736
17737
17738                                </div>
17739                        </div>
17740
17741
17742
17743                        <div class="d-flex flex-wrap srp-certified-img-section">
17744
17745
17746                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
17747                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
17748                                        </div>
17749
17750                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/D74xllaL3qe_pPoibrepUEIupwP5ATacric5uvBB7fP0LYAK-__DSUp5jKd73BQtoHpY_iUUQrVZZJciLE4uUuVzZsvJaxNKaR4')">
17751                                        <img src="https://partnerstatic.
17751carfax.com/img/valuebadge/1own_great.svg"
17752                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
17753                                    </div>
17754
17755
17756
17757
17758
17759                        </div>
17760
17761                        <div v-if="currentTheme == 'subaru'" class="mt-3">
17762                            <subaru-badge-new model="WRX"
17763                                            year="2024"
17764                                            make="Subaru"
17765                                            type="Used"
17766                                            :current="'srp'"
17767                                            :transit="'False'"
17768                                            :eyesight="'False'"
17769                                            :starlink="'False'"
17770                                            :von="''"
17771                                            :onorder="''"
17772                                            :vin="'JF1VBAH64R9819834'"
17773                                            :hide-in-transit="'False'"
17774                                            :vehicle-badges-top-srp="'False'"
17775                                            :subaru-consumer-report-class="''"
17776                                            :in-transit-background-color-srp="''"
17777                                            :in-transit-badge-color-srp="''"
17778                                            >
17779                            </subaru-badge-new>
17780                        </div>
17781
17782                    </div>
17783                </div>
17784
17785
17786
17787            </div>
17788        </a>
17789        <template v-if="true">
17790            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
17791                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF1VBAH64R9819834'" class="vehicle-data-overlay-container"
17792                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
17793                     @keydown.esc.prevent="closeDetailsOverlay()"
17794                     @keydown.tab="srpOverlayTrapFocus($event)">
17795                    <div class="vehicle-overlay-data">
17796                        <div class="srp-overlay-options">
17797                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17798                                <div class="d-flex align-items-center" style="gap: 20px;">
17799                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
17800                                     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>
17801                                    <h3 class="mb-0">Options</h3>
17802                                </div>
17803                                <div>
17804                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
17805                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
17806                                </div>
17807                            </div>
17808
17809                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
17810                                <div class="overlay-nav-items px-3 pt-4">
17811                                    <div class="d-flex overlay-nav-item" tabindex="0"
17812                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAH64R9819834', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAH64R9819834', overlayType: 'share-options', label: 'Share' })">
17813                                        <em class="primaryicon-share-icon"></em>
17814                                        <span>Share</span>
17815                                    </div>
17816
17817                                        <div class="d-flex overlay-nav-item"
17818                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAH64R9819834', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF1VBAH64R9819834', overlayType: 'key-features', label: 'Key Features' })">
17819                                            <em class="primaryicon-key-features-icon"></em>
17820                                            <span>Key Features</span>
17821                                        </div>
17822                                </div>
17823
17824                                <div class="pt-4 px-3 mt-3">
17825                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash")' target="_self"
17826                                        @keydown.space.prevent="$event.currentTarget.click()"
17827                                        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:">
17828                                        View Details
17829                                    </a>
17830                                </div>
17831                            </div>
17832                        </div>
17833                    </div>
17834                </div>
17835            </transition>
17836            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
17837                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF1VBAH64R9819834'"
17838                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
17839                     @keydown.esc.prevent="navigateToDetailsOverlay()"
17840                     @keydown.tab="srpOverlayTrapFocus($event)">
17841                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
17842                        <div class="d-flex align-items-center" style="gap: 20px;">
17843                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
17844                            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>
17845                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
17846                        </div>
17847                        <div>
17848                            <em class="primaryicon-close-icon-gray"
17849                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
17850                        </div>
17851                    </div>
17852                    <div class="mt-3 pt-4 overlay-section-links">
17853                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
17854                        <template v-if="!isLoadingOverlayDetails">
17855                            <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>
17856                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash" vehicle-name="Used 2024 Subaru WRX Premium" :page-type-id="18" :style-id="451035" class="overlay-section-content"></share-options>
17857                            <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>
17858                        </template>
17859                    </div>
17860                </div>
17861            </transition>
17862        </template>
17863    </div>
17864        
17864<script type="application/javascript">
17865
17866            var rebatesString = "[]";
17867            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
17868            localStorage.setItem("4S4WMAWD0P3458916-rebates", formattedRebatesString);
17869
17870        </script>
17870
17871<div data-itemid="Subaru-Ascent-Touring-4S4WMAWD0P3458916" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
17872        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4WMAWD0P3458916", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "25",msrp:"31946",yourPrice:"32127.0",sellingPrice:"31946",type:"Used",title:`2023 Subaru Ascent Touring`},"true"==="true"), setVintoTransact("4S4WMAWD0P3458916", $event,{styleId:"431369"})'
17873        @mouseleave="clearMouseHoverValue()"
17874        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
17875        used-large-box" style="height: 100%;">
17876
17877            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
17878                <div class="position-relative">
17879                    <div class="srp-top-badges">
17880                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
17881                            <div class="d-flex align-items-center gap-10">
17882                                            <div class="specials-indicator-wrapper">
17883                                                <inventory-specials-indicator
17884                                                bg-color=""
17885                                                text="">
17886                                                </inventory-specials-indicator>
17887                                            </div>
17888                            </div>
17889                        </div>
17890
17891                    </div>
17892
17893
17894                    <div id="EZ360_CVDP"></div>
17895
17896                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
17897                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4WMAWD0P3458916'" class="vehicle-box__image">
17898                                    <img src="https://cdn.max.auto/t_hres/108741/4S4WMAWD0P3458916/6aa6efc4050dae99f5e1f73f.jpg" class="img-fluid srp-vehiclebox-image"
17899                                    title="2023 Subaru Ascent Touring" alt="2023 Subaru Ascent Touring" />
17900
17901                        </div>
17902
17903                        <div class="dp-srp-evox-media-4S4WMAWD0P3458916" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4WMAWD0P3458916'"></div>
17904
17905                        <div class="vehicle-info-icon">
17906                            <em
17907                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4WMAWD0P3458916')"
17908                            class="primaryicon-options-btn-new info-icon-css"
17909                            data-vin="4S4WMAWD0P3458916"
17910                            tabindex="0"
17911                            role="button"
17912                            aria-label="Vehicle info"
17913                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4WMAWD0P3458916')"
17914                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4WMAWD0P3458916')"
17915                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
17916                        </div>
17917                    </div>
17918
17919
17920                    <div class="vehiclebox-info-section p-3">
17921                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
17922                            <div class="d-flex">
17923                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
17924                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
17925                                        2023 Subaru Ascent Touring
17926                                    </h2>
17927                                </div>
17928                            </div>
17929                        </div>
17930
17931                        <div class="vehicle-summary-section mt-3 ">
17932                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
17933                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
17934            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):showMsrp)'>
17935                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
17936                                            <div class="mr-2" style="color:#1971d4">
17937                                                <span id="4s4wmawd0p3458916-price-summary-label">Your Price</span>
17938                                            </div>
17939                                            <div id="4s4wmawd0p3458916-price-summary-value" class=" " style="color:#1971d4">$32,127</div>
17940                                        </div>
17941
17942            </div>
17943            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):!showMsrp )'>
17944                                <div v-if="!unlockHideMsrp">
17945                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
17946                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
17947                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$31,946</div>
17948                                    </div>
17949                                </div>
17950
17951            </div>
17952        </div>
17953
17954                            </div>
17955
17956                                <template v-if="true">
17957                                    <div class="vehicle-summary-cta flex-1">
17958                                        <object>
17959                                               <div class="primary-button-parent">
17960        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash#Transact" target="_self"
17961           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4WMAWD0P3458916");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash",$event,"_self")'
17962           @keydown.space.prevent="$event.currentTarget.click()"
17963           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
17964           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
17965            CALCULATE PAYMENTS
17966        </a>
17967    </div>
17968
17969                                        </object>
17970                                    </div>
17971                                </template>
17972                        </div>
17973<div class="color-black ft-16 mt-1">
17974            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
17975                Disclosure
17976            </div>
17977</div>
17978
17979
17980                        <div class="show section-separator my-4"></div>
17981
17982
17983                            <template v-if="true">
17984                                <object>
17985                                    <div class="app-level-cta-container">
17986
17987
17988
17989
17990
17991
17992
17993                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4WMAWD0P3458916","true"==="true"))' class="primary-button-parent">
17994                                                    <a :style="ctaBtnStyles"
17995                                                     tabindex="0" role="button"
17996                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash", "4S4WMAWD0P3458916", "Used")'
17997                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sp
17997ort-utility?type=cash", "4S4WMAWD0P3458916", "Used")'
17998                                                    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">
17999                                                        {{inventorySettings.data.buttonLabel}}
18000                                                    </a>
18001                                                 </div>
18002                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
18003                                                                    <a v-if="applySecondaryDesign" href=""
18004                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
18005                                                                        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"
18006                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18007                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18008                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18009                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
18010                                                                    <a v-else href=""
18011                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
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="
18014                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sp
18014ort-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18015                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18016                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18017                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
18018                                                                        GET MORE INFORMATION
18019                                                                    </a>
18020                                                                </div>
18021                                                                    <div class="primary-button-parent">
18022                                                                        <a v-if="applySecondaryDesign"
18023                                                                            href="javascript:void(0)"
18024                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
18025                                                                            class=" 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"
18026                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18027                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
18028                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
18029                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sp
18029ort-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
18030                                                                            CALL (805) 790-9466
18031                                                                        </a>
18032                                                                        <a v-else
18033                                                                            href="javascript:void(0)"
18034                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
18035                                                                            class=" 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"
18036                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18037                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
18038                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
18039                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4WMAWD0P3458916&quot;,&quot;year&quot;:&quot;2023&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Ascent&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:417.98,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;P3458916P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
18040                                                                            >
18041                                                                            CALL (805) 790-9466
18042                                                                        </a>
18043                                                                    </div>
18044
18045
18046
18047
18048                                    </div>
18049                                </object>
18050                            </template>
18051
18052                            <div class="mt-3">
18053
18054
18055                                <div class="inventory-btns" style="width:100%;" v-cloak>
18056
18057
18058                                    <object class="d-flex flex-column primary-inventory-btn-group">
18059                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18060                                        <div class="pi-pullup-container"></div>
18061                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18062
18063                                        <div class="dvs_vin_btn" vin="4S4WMAWD0P3458916"></div>
18064
18065
18066
18067
18068
18069
18070                                    </object>
18071
18072
18073
18074
18075
18076
18077
18078
18079
18080                                    
18081
18082
18083
18084
18085
18086
18087
18088
18089
18090                                </div>
18091
18092
18093                                    <div class="my-2 w-100 text-center">
18094                                        <div class="les_video" les_vin="4S4WMAWD0P3458916"></div>
18095                                    </div>
18096
18097
18098
18099
18100                            </div>
18101
18102                            <active-engage-widget v-if="isEnableActivEngageSrp"
18103                                                custom-class="py-2 ft-12"></active-engage-widget>
18104                        <div class="srp-tabs-section mt-3">
18105                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
18106                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4WMAWD0P3458916'] || 'payments') === 'details' }"
18107                                    tabindex="0" role="tab"
18108                                    aria-label="Details"
18109                                    :aria-selected="(activeTabsByVin['4S4WMAWD0P3458916'] || 'payments') === 'details'"
18110                                    aria-controls="tab-panel-details-4S4WMAWD0P3458916"
18111                                    @click.stop.prevent="setActiveTab('details', '4S4WMAWD0P3458916')"
18112                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4WMAWD0P3458916')">
18113                                        Details
18114                                    </div>
18115                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4WMAWD0P3458916'] || 'payments') === 'payments' }"
18116                                tabindex="0" role="tab"
18117                                aria-label="Pricing"
18118                                :aria-selected="(activeTabsByVin['4S4WMAWD0P3458916'] || 'payments') === 'payments'"
18119                                aria-controls="tab-panel-payments-4S4WMAWD0P3458916"
18120                                @click.stop.prevent="setActiveTab('payments', '4S4WMAWD0P3458916')"
18121                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4WMAWD0P3458916')">
18122                                    Pricing
18123                                </div>
18124                            </div>
18125
18126                            <div class="srp-tab-content">
18127                                <div :class="(activeTabsByVin['4S4WMAWD0P3458916'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4WMAWD0P3458916" aria-label="Details">
18128                                    <div class="vehicle-details-list">
18129
18130
18131                                            <div class="details-item-row">
18132                                                <div class="details-item-label">Stock #</div>
18133                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
18134                                                    <div id="copy_stock" class="d-inline">P3458916P</div>
18135                                                </div>
18136                                            </div>
18137
18138                                        
18139
18140
18141
18142
18143
18144                                                <div class="details-item-row">
18145                                                    <div class="details-item-label">Mileage</div>
18146                                                    <div class="details-item-value">41,121 Miles</div>
18147                                                </div>
18148
18149                                    </div>
18150
18151                                </div>
18152                                <div :class="(activeTabsByVin['4S4WMAWD0P3458916'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4WMAWD0P3458916" aria-label="Pricing">
18153                                            <div class="msrppanel-label">
18154                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):showMsrp)'>
18155
18156
18157                                                                                <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-31946' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18158                                                                                <div class="d-flex align-items-center align-text-gird srp-msrp ">
18159                                                                                    
18160
18161<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
18162    KBB Price
18163</div>
18164<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$31,946</div>
18165
18166
18167                                                                                </div>
18168                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
18169                                                                                                <div>
18170                                                                                                    Doc Fee
18171                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18172                                                                                                </div>
18173                                                                                                <div class="d-flex pl-2">
18174                                                                                                    &#x2B;$85
18175                                                                                                </div>
18176                                                                                            </div>
18177                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
18178                                                                                                <div>
18179                                                                                                    EVR
18180                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18181                                                                                                </div>
18182                                                                                                <div class="d-flex pl-2">
18183                                                                                                    &#x2B;$37
18184                                                                                                </div>
18185                                                                                            </div>
18186                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
18187                                                                                                <div>
18188                                                                                                    Emissions Test
18189                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18190                                                                                                </div>
18191                                                                                                <div class="d-flex pl-2">
18192                                                                                                    &#x2B;$59
18193                                                                                                </div>
18194                                                                                            </div>
18195                                                                            <div id="4s4wmawd0p3458916-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
18196                                                                                <sp
18196an :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
18197                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
18198                                                                                </span>
18199                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4wmawd0p3458916-unlock-discount-price"></label></span>
18200                                                                            </div>
18201                                                                            <div id="4s4wmawd0p3458916-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'>
18202                                                                                <div class="mr-2" style="color:#1971d4">
18203                                                                                    <span id="4s4wmawd0p3458916-selling-price-label" class="p-0">Your Price</span>
18204                                                                                </div>
18205                                                                                <div id="4s4wmawd0p3458916-your-price-hide" class=" " style="color:#1971d4">$32,127</div>
18206                                                                            </div>
18207                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
18208                                                                                <div class="mr-2" style="color:#1971d4">
18209                                                                                    <span id="4s4wmawd0p3458916-selling-price-label" class="p-0">Your Price</span>
18210                                                                                </div>
18211                                                                                <div id="4s4wmawd0p3458916-your-price" class=" " style="color:#1971d4">$32,127</div>
18212                                                                            </div>
18213
18214
18215
18216
18217                                                        <total-incentive-discount qualified-data=''
18218                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
18219                                                                                :pricedata="{'msrp':'31946','yourPrice':'32127.0'}"
18220                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
18221                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
18222                                                    <div class="color-black ft-16 mt-1">
18223            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
18224                Disclosure
18225            </div>
18226</div>
18227
18228                                                </div>
18229
18230                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4WMAWD0P3458916", "true"==="true"):!showMsrp )'>
18231                                                                    <div v-if="!unlockHideMsrp">
18232                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-31946' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18233                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
18234                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
18235                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$31,946</div>
18236                                                                        </div>
18237                                                                    </div>
18238
18239                                                </div>
18240                                            </div>
18241                                </div>
18242                            </div>
18243                        </div>
18244                        <div id="cta-params-4S4WMAWD0P3458916"
18245                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:32127.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
18246                        </div>
18247
18248                        <div>
18249
18250                            <vehicle-badges model="Ascent"
18251                                            :current="'srp'"
18252                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
18253                                            :eyesight="'False'"
18254                                            :starlink="'False'"
18255                                            :von="''"
18256                                            :onorder="''"
18257                                            :vin="'4S4WMAWD0P3458916'"
18258                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sp
18258ort-utility?type=cash'"
18259                                            :vehicle-badges-top-srp="'False'"
18260                                            :year="'2023'"
18261                                            :in-transit-background-color-srp="''"
18262                                            :in-transit-badge-color-srp="''"
18263                                            :in-production-background-color-srp="''"
18264                                            :in-production-badge-color-srp="''"
18265                                            @opendisclaimer="openDisclaimerPopup($event)">
18266                            </vehicle-badges>
18267
18268                                <div class="d-flex flex-wrap">
18269                                    
18270
18271
18272
18273
18274
18275
18276                                </div>
18277                        </div>
18278
18279
18280
18281                        <div class="d-flex flex-wrap srp-certified-img-section">
18282
18283
18284                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
18285                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
18286                                        </div>
18287
18288                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/1yI201_n9JacqHq1atz3XpPbJgGRgrkJWpSqmqLLz56j3g_h_F2cWIcuuDu2oF0nvOu-k6PXu9SV-87TZQM---FXNNty1-LoKec')">
18289                                        <img src="https://partnerstatic.carfax.com/img/valuebadge/1own_great.svg"
18290                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
18291                                    </div>
18292
18293
18294
18295
18296
18297                        </div>
18298
18299                        <div v-if="currentTheme == 'subaru'" class="mt-3">
18300                            <subaru-badge-new model="Ascent"
18301                                            year="2023"
18302                                            make="Subaru"
18303                                            type="Used"
18304                                            :current="'srp'"
18305                                            :transit="'False'"
18306                                            :eyesight="'False'"
18307                                            :starlink="'False'"
18308                                            :von="''"
18309                                            :onorder="''"
18310                                            :vin="'4S4WMAWD0P3458916'"
18311                                            :hide-in-transit="'False'"
18312                                            :vehicle-badges-top-srp="'False'"
18313                                            :subaru-consumer-report-class="''"
18314                                            :in-transit-background-color-srp="''"
18315                                            :in-transit-badge-color-srp="''"
18316                                            >
18317                            </subaru-badge-new>
18318                        </div>
18319
18320                    </div>
18321                </div>
18322
18323
18324
18325            </div>
18326        </a>
18327        <template v-if="true">
18328            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
18329                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4WMAWD0P3458916'" class="vehicle-data-overlay-container"
18330                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
18331                     @keydown.esc.prevent="closeDetailsOverlay()"
18332                     @keydown.tab="srpOverlayTrapFocus($event)">
18333                    <div class="vehicle-overlay-data">
18334                        <div class="srp-overlay-options">
18335                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18336                                <div class="d-flex align-items-center" style="gap: 20px;">
18337                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
18338                                     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>
18339                                    <h3 class="mb-0">Options</h3>
18340                                </div>
18341                                <div>
18342                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
18343                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
18344                                </div>
18345                            </div>
18346
18347                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
18348                                <div class="overlay-nav-items px-3 pt-4">
18349                                    <div class="d-flex overlay-nav-item" tabindex="0"
18350                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4WMAWD0P3458916', overlayType: '
18350share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4WMAWD0P3458916', overlayType: 'share-options', label: 'Share' })">
18351                                        <em class="primaryicon-share-icon"></em>
18352                                        <span>Share</span>
18353                                    </div>
18354
18355                                        <div class="d-flex overlay-nav-item"
18356                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4WMAWD0P3458916', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4WMAWD0P3458916', overlayType: 'key-features', label: 'Key Features' })">
18357                                            <em class="primaryicon-key-features-icon"></em>
18358                                            <span>Key Features</span>
18359                                        </div>
18360                                </div>
18361
18362                                <div class="pt-4 px-3 mt-3">
18363                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash")' target="_self"
18364                                        @keydown.space.prevent="$event.currentTarget.click()"
18365                                        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:">
18366                                        View Details
18367                                    </a>
18368                                </div>
18369                            </div>
18370                        </div>
18371                    </div>
18372                </div>
18373            </transition>
18374            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
18375                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4WMAWD0P3458916'"
18376                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
18377                     @keydown.esc.prevent="navigateToDetailsOverlay()"
18378                     @keydown.tab="srpOverlayTrapFocus($event)">
18379                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18380                        <div class="d-flex align-items-center" style="gap: 20px;">
18381                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
18382                            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>
18383                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
18384                        </div>
18385                        <div>
18386                            <em class="primaryicon-close-icon-gray"
18387                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
18388                        </div>
18389                    </div>
18390                    <div class="mt-3 pt-4 overlay-section-links">
18391                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
18392                        <template v-if="!isLoadingOverlayDetails">
18393                            <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>
18394                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sp
18394ort-utility?type=cash" vehicle-name="Used 2023 Subaru Ascent Touring" :page-type-id="18" :style-id="431369" class="overlay-section-content"></share-options>
18395                            <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>
18396                        </template>
18397                    </div>
18398                </div>
18399            </transition>
18400        </template>
18401    </div>
18402        
18402<script type="application/javascript">
18403
18404            var rebatesString = "[]";
18405            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
18406            localStorage.setItem("4S4BTGUD6R3142351-rebates", formattedRebatesString);
18407
18408        </script>
18408
18409<div data-itemid="Subaru-Outback-Wilderness-4S4BTGUD6R3142351" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
18410        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4BTGUD6R3142351", "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "26",msrp:"34888",yourPrice:"32840.0",sellingPrice:"32659",type:"Used",title:`2024 Subaru Outback Wilderness`},"true"==="true"), setVintoTransact("4S4BTGUD6R3142351", $event,{styleId:"438576"})'
18411        @mouseleave="clearMouseHoverValue()"
18412        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
18413        used-large-box" style="height: 100%;">
18414
18415            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
18416                <div class="position-relative">
18417                    <div class="srp-top-badges">
18418                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
18419                            <div class="d-flex align-items-center gap-10">
18420                            </div>
18421                        </div>
18422
18423                    </div>
18424
18425
18426                    <div id="EZ360_CVDP"></div>
18427
18428                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
18429                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4BTGUD6R3142351'" class="vehicle-box__image">
18430                                    <img src="https://cdn.max.auto/t_hres/108741/4S4BTGUD6R3142351/6ab2cd27050dae99f5c30bd2.jpg" class="img-fluid srp-vehiclebox-image"
18431                                    title="2024 Subaru Outback Wilderness" alt="2024 Subaru Outback Wilderness" />
18432
18433                        </div>
18434
18435                        <div class="dp-srp-evox-media-4S4BTGUD6R3142351" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4BTGUD6R3142351'"></div>
18436
18437                        <div class="vehicle-info-icon">
18438                            <em
18439                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4BTGUD6R3142351')"
18440                            class="primaryicon-options-btn-new info-icon-css"
18441                            data-vin="4S4BTGUD6R3142351"
18442                            tabindex="0"
18443                            role="button"
18444                            aria-label="Vehicle info"
18445                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4BTGUD6R3142351')"
18446                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4BTGUD6R3142351')"
18447                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
18448                        </div>
18449                    </div>
18450
18451
18452                    <div class="vehiclebox-info-section p-3">
18453                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
18454                            <div class="d-flex">
18455                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
18456                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
18457                                        2024 Subaru Outback Wilderness
18458                                    </h2>
18459                                </div>
18460                            </div>
18461                        </div>
18462
18463                        <div class="vehicle-summary-section mt-3 ">
18464                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
18465                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
18466            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):showMsrp)'>
18467                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
18468                                            <div class="mr-2" style="color:#1971d4">
18469                                                <span id="4s4btgud6r3142351-price-summary-label">Your Price</span>
18470                                            </div>
18471                                            <div id="4s4btgud6r3142351-price-summary-value" class=" " style="color:#1971d4">$32,840</div>
18472                                        </div>
18473
18474            </div>
18475            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):!showMsrp )'>
18476                                <div v-if="!unlockHideMsrp">
18477                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
18478                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
18479                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$34,888</div>
18480                                    </div>
18481                                </div>
18482
18483            </div>
18484        </div>
18485
18486                            </div>
18487
18488                                <template v-if="true">
18489                                    <div class="vehicle-summary-cta flex-1">
18490                                        <object>
18491                                               <div class="primary-button-parent">
18492        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash#Transact" target="_self"
18493           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4BTGUD6R3142351");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash",$event,"_self")'
18494           @keydown.space.prevent="$event.currentTarget.click()"
18495           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
18496           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
18497            CALCULATE PAYMENTS
18498        </a>
18499    </div>
18500
18501                                        </object>
18502                                    </div>
18503                                </template>
18504                        </div>
18505<div class="color-black ft-16 mt-1">
18506            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
18507                Disclosure
18508            </div>
18509</div>
18510
18511
18512                        <div class="show section-separator my-4"></div>
18513
18514
18515                            <template v-if="true">
18516                                <object>
18517                                    <div class="app-level-cta-container">
18518
18519
18520
18521
18522
18523
18524
18525                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4BTGUD6R3142351","true"==="true"))' class="primary-button-parent">
18526                                                    <a :style="ctaBtnStyles"
18527                                                     tabindex="0" role="button"
18528                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash", "4S4BTGUD6R3142351", "Used")'
18529                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash", "4S4BTGUD6R3142351", "Used")'
18530                                                    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">
18531                                                        {{inventorySettings.data.buttonLabel}}
18532                                                    </a>
18533                                                 </div>
18534                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
18535                                                                    <a v-if="applySecondary
18535Design" href=""
18536                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
18537                                                                        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"
18538                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18539                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18540                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18541                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
18542                                                                    <a v-else href=""
18543                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
18544                                                                        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"
18545                                                                        @click.prevent="
18546                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18547                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
18548                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18549                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
18550                                                                        GET MORE INFORMATION
18551                                                                    </a>
18552                                                                </div>
18553                                                                    <div class="primary-button-parent">
18554                                                                        <a v-if="applySecondary
18554Design"
18555                                                                            href="javascript:void(0)"
18556                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
18557                                                                            class=" 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"
18558                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18559                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
18560                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
18561                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
18562                                                                            CALL (805) 790-9466
18563                                                                        </a>
18564                                                                        <a v-else
18565                                                                            href="javascript:void(0)"
18566                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
18567                                                                            class=" 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"
18568                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
18569                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
18570                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
18571                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4BTGUD6R3142351&quot;,&quot;year&quot;:&quot;2024&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:432.18,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;R3142351P&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
18572                                                                            >
18573                                                                            CALL (805) 790-9466
18574                                                                        </a>
18575                                                                    </div>
18576
18577
18578
18579
18580                                    </div>
18581                                </object>
18582                            </template>
18583
18584                            <div class="mt-3">
18585
18586
18587                                <div class="inventory-btns" style="width:100%;" v-cloak>
18588
18589
18590                                    <object class="d-flex flex-column primary-inventory-btn-group">
18591                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18592                                        <div class="pi-pullup-container"></div>
18593                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
18594
18595                                        <div class="dvs_vin_btn" vin="4S4BTGUD6R3142351"></div>
18596
18597
18598
18599
18600
18601
18602                                    </object>
18603
18604
18605
18606
18607
18608
18609
18610
18611
18612                                    
18613
18614
18615
18616
18617
18618
18619
18620
18621
18622                                </div>
18623
18624
18625                                    <div class="my-2 w-100 text-center">
18626                                        <div class="les_video" les_vin="4S4BTGUD6R3142351"></div>
18627                                    </div>
18628
18629
18630
18631
18632                            </div>
18633
18634                            <active-engage-widget v-if="isEnableActivEngageSrp"
18635                                                custom-class="py-2 ft-12"></active-engage-widget>
18636                        <div class="srp-tabs-section mt-3">
18637                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
18638                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTGUD6R3142351'] || 'payments') === 'details' }"
18639                                    tabindex="0" role="tab"
18640                                    aria-label="Details"
18641                                    :aria-selected="(activeTabsByVin['4S4BTGUD6R3142351'] || 'payments') === 'details'"
18642                                    aria-controls="tab-panel-details-4S4BTGUD6R3142351"
18643                                    @click.stop.prevent="setActiveTab('details', '4S4BTGUD6R3142351')"
18644                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4BTGUD6R3142351')">
18645                                        Details
18646                                    </div>
18647                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4BTGUD6R3142351'] || 'payments') === 'payments' }"
18648                                tabindex="0" role="tab"
18649                                aria-label="Pricing"
18650                                :aria-selected="(activeTabsByVin['4S4BTGUD6R3142351'] || 'payments') === 'payments'"
18651                                aria-controls="tab-panel-payments-4S4BTGUD6R3142351"
18652                                @click.stop.prevent="setActiveTab('payments', '4S4BTGUD6R3142351')"
18653                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4BTGUD6R3142351')">
18654                                    Pricing
18655                                </div>
18656                            </div>
18657
18658                            <div class="srp-tab-content">
18659                                <div :class="(activeTabsByVin['4S4BTGUD6R3142351'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4BTGUD6R3142351" aria-label="Details">
18660                                    <div class="vehicle-details-list">
18661
18662
18663                                            <div class="details-item-row">
18664                                                <div class="details-item-label">Stock #</div>
18665                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
18666                                                    <div id="copy_stock" class="d-inline">R3142351P</div>
18667                                                </div>
18668                                            </div>
18669
18670                                        
18671
18672
18673
18674
18675
18676                                                <div class="details-item-row">
18677                                                    <div class="details-item-label">Mileage</div>
18678                                                    <div class="details-item-value">27,689 Miles</div>
18679                                                </div>
18680
18681                                    </div>
18682
18683                                </div>
18684                                <div :class="(activeTabsByVin['4S4BTGUD6R3142351'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4BTGUD6R3142351" aria-label="Pricing">
18685                                            <div class="msrppanel-label">
18686                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):showMsrp)'>
18687
18688
18689                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-34888' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18690                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
18691                                                                                        
18692
18693<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
18694    KBB Price
18695</div>
18696<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$34,888</div>
18697
18698
18699                                                                                    </div>
18700                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$2,229</span> </div>
18701                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
18702                                                                                                <div>
18703                                                                                                    Doc Fee
18704                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18705                                                                                                </div>
18706                                                                                                <div class="d-flex pl-2">
18707                                                                                                    &#x2B;$85
18708                                                                                                </div>
18709                                                                                            </div>
18710                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
18711                                                                                                <div>
18712                                                                                                    EVR
18713                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18714                                                                                                </div>
18715                                                                                                <div class="d-flex pl-2">
18716                                                                                                    &#x2B;$37
18717                                                                                                </div>
18718                                                                                            </div>
18719                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
18720                                                                                                <div>
18721                                                                                                    Emissions Test
18722                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
18723                                                                                                </div>
18724                                                                                                <div class="d-flex pl-2">
18725                                                                                                    &#x2B;$59
18726                                                                                                </div>
18727                                                                                            </div>
18728                                                                            <div id="4s4btgud6r314
187282351-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
18729                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
18730                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
18731                                                                                </span>
18732                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4btgud6r3142351-unlock-discount-price"></label></span>
18733                                                                            </div>
18734                                                                            <div id="4s4btgud6r3142351-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'>
18735                                                                                <div class="mr-2" style="color:#1971d4">
18736                                                                                    <span id="4s4btgud6r3142351-selling-price-label" class="p-0">Your Price</span>
18737                                                                                </div>
18738                                                                                <div id="4s4btgud6r3142351-your-price-hide" class=" " style="color:#1971d4">$32,840</div>
18739                                                                            </div>
18740                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
18741                                                                                <div class="mr-2" style="color:#1971d4">
18742                                                                                    <span id="4s4btgud6r3142351-selling-price-label" class="p-0">Your Price</span>
18743                                                                                </div>
18744                                                                                <div id="4s4btgud6r3142351-your-price" class=" " style="color:#1971d4">$32,840</div>
18745                                                                            </div>
18746
18747
18748
18749
18750                                                        <total-incentive-discount qualified-data=''
18751                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
18752                                                                                :pricedata="{'msrp':'34888','yourPrice':'32840.0'}"
18753                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
18754                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
18755                                                    <div class="color-black ft-16 mt-1">
18756            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
18757                Disclosure
18758            </div>
18759</div>
18760
18761                                                </div>
18762
18763                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4BTGUD6R3142351", "true"==="true"):!showMsrp )'>
18764                                                                    <div v-if="!unlockHideMsrp">
18765                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-34888' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
18766                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
18767                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
18768                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$34,888</div>
18769                                                                        </div>
18770                                                                    </div>
18771
18772                                                </div>
18773                                            </div>
18774                                </div>
18775                            </div>
18776                        </div>
18777                        <div id="cta-params-4S4BTGUD6R3142351"
18778                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:32840.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
18779                        </div>
18780
18781                        <div>
18782
18783                            <vehicle-badges model="Outback"
18784                                            :current="'srp'"
18785                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
18786                                            :eyesight="''"
18787                                            :starlink="''"
18788                                            :von="''"
18789                                            :onorder="''"
18790                                            :vin="'4S4BTGUD6R3142351'"
18791                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash'"
18792                                            :vehicle-badges-top-srp="'False'"
18793                                            :year="'2024'"
18794                                            :in-transit-background-color-srp="''"
18795                                            :in-transit-badge-color-srp="''"
18796                                            :in-production-background-color-srp="''"
18797                                            :in-production-badge-color-srp="''"
18798                                            @opendisclaimer="openDisclaimerPopup($event)">
18799                            </vehicle-badges>
18800
18801                                <div class="d-flex flex-wrap">
18802                                    
18803
18804
18805
18806
18807
18808
18809                                </div>
18810                        </div>
18811
18812
18813
18814                        <div class="d-flex flex-wrap srp-certified-img-section">
18815
18816
18817
18818                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/_3cgu_UWI6XVIQi67W69iPbO53I7Z9Pgu3OnFNHsu3kZu3S_nHwXU4U69-Nh3h9FsSBEgPdERf15vaaLZIk49-kbBiXOWaIFQwc')">
18819                                        <img src="https://partnerstatic.
18819carfax.com/img/valuebadge/1own_good.svg"
18820                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
18821                                    </div>
18822
18823
18824
18825
18826
18827                        </div>
18828
18829                        <div v-if="currentTheme == 'subaru'" class="mt-3">
18830                            <subaru-badge-new model="Outback"
18831                                            year="2024"
18832                                            make="Subaru"
18833                                            type="Used"
18834                                            :current="'srp'"
18835                                            :transit="'False'"
18836                                            :eyesight="''"
18837                                            :starlink="''"
18838                                            :von="''"
18839                                            :onorder="''"
18840                                            :vin="'4S4BTGUD6R3142351'"
18841                                            :hide-in-transit="'False'"
18842                                            :vehicle-badges-top-srp="'False'"
18843                                            :subaru-consumer-report-class="''"
18844                                            :in-transit-background-color-srp="''"
18845                                            :in-transit-badge-color-srp="''"
18846                                            >
18847                            </subaru-badge-new>
18848                        </div>
18849
18850                    </div>
18851                </div>
18852
18853
18854
18855            </div>
18856        </a>
18857        <template v-if="true">
18858            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
18859                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4BTGUD6R3142351'" class="vehicle-data-overlay-container"
18860                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
18861                     @keydown.esc.prevent="closeDetailsOverlay()"
18862                     @keydown.tab="srpOverlayTrapFocus($event)">
18863                    <div class="vehicle-overlay-data">
18864                        <div class="srp-overlay-options">
18865                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18866                                <div class="d-flex align-items-center" style="gap: 20px;">
18867                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
18868                                     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>
18869                                    <h3 class="mb-0">Options</h3>
18870                                </div>
18871                                <div>
18872                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
18873                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
18874                                </div>
18875                            </div>
18876
18877                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
18878                                <div class="overlay-nav-items px-3 pt-4">
18879                                    <div class="d-flex overlay-nav-item" tabindex="0"
18880                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTGUD6R3142351', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTGUD6R3142351', overlayType: 'share-options', label: 'Share' })">
18881                                        <em class="primaryicon-share-icon"></em>
18882                                        <span>Share</span>
18883                                    </div>
18884
18885                                        <div class="d-flex overlay-nav-item"
18886                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4BTGUD6R3142351', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4BTGUD6R3142351', overlayType: 'key-features', label: 'Key Features' })">
18887                                            <em class="primaryicon-key-features-icon"></em>
18888                                            <span>Key Features</span>
18889                                        </div>
18890                                </div>
18891
18892                                <div class="pt-4 px-3 mt-3">
18893                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash")' target="_self"
18894                                        @keydown.space.prevent="$event.currentTarget.click()"
18895                                        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:">
18896                                        View Details
18897                                    </a>
18898                                </div>
18899                            </div>
18900                        </div>
18901                    </div>
18902                </div>
18903            </transition>
18904            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
18905                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4BTGUD6R3142351'"
18906                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
18907                     @keydown.esc.prevent="navigateToDetailsOverlay()"
18908                     @keydown.tab="srpOverlayTrapFocus($event)">
18909                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
18910                        <div class="d-flex align-items-center" style="gap: 20px;">
18911                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
18912                            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>
18913                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
18914                        </div>
18915                        <div>
18916                            <em class="primaryicon-close-icon-gray"
18917                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
18918                        </div>
18919                    </div>
18920                    <div class="mt-3 pt-4 overlay-section-links">
18921                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
18922                        <template v-if="!isLoadingOverlayDetails">
18923                            <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>
18924                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash" vehicle-name="Used 2024 Subaru Outback Wilderness" :page-type-id="18" :style-id="438576" class="overlay-section-content"></share-options>
18925                            <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>
18926                        </template>
18927                    </div>
18928                </div>
18929            </transition>
18930        </template>
18931    </div>
18932        
18932<script type="application/javascript">
18933
18934            var rebatesString = "[]";
18935            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
18936            localStorage.setItem("4S4SLDH68T3029762-rebates", formattedRebatesString);
18937
18938        </script>
18938
18939<div data-itemid="Subaru-Forester-Sport-4S4SLDH68T3029762" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
18940        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "4S4SLDH68T3029762", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "27",msrp:"40124",yourPrice:"33048.0",sellingPrice:"32867",type:"Used",title:`2026 Subaru Forester Sport`},"true"==="true"), setVintoTransact("4S4SLDH68T3029762", $event,{styleId:"480410"})'
18941        @mouseleave="clearMouseHoverValue()"
18942        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
18943        used-large-box" style="height: 100%;">
18944
18945            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
18946                <div class="position-relative">
18947                    <div class="srp-top-badges">
18948                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
18949                            <div class="d-flex align-items-center gap-10">
18950                                            <div class="specials-indicator-wrapper">
18951                                                <inventory-specials-indicator
18952                                                bg-color=""
18953                                                text="">
18954                                                </inventory-specials-indicator>
18955                                            </div>
18956                            </div>
18957                        </div>
18958
18959                    </div>
18960
18961
18962                    <div id="EZ360_CVDP"></div>
18963
18964                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
18965                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-4S4SLDH68T3029762'" class="vehicle-box__image">
18966                                    <img src="https://cdn.max.auto/t_hres/108741/4S4SLDH68T3029762/6aba0d87050dae99f5b91cf9.jpg" class="img-fluid srp-vehiclebox-image"
18967                                    title="2026 Subaru Forester Sport" alt="2026 Subaru Forester Sport" />
18968
18969                        </div>
18970
18971                        <div class="dp-srp-evox-media-4S4SLDH68T3029762" v-show="currentHoveredBlock === 'dp-srp-evox-media-4S4SLDH68T3029762'"></div>
18972
18973                        <div class="vehicle-info-icon">
18974                            <em
18975                            v-if="!(openDetailsOverlay && selectedVinForOverlay === '4S4SLDH68T3029762')"
18976                            class="primaryicon-options-btn-new info-icon-css"
18977                            data-vin="4S4SLDH68T3029762"
18978                            tabindex="0"
18979                            role="button"
18980                            aria-label="Vehicle info"
18981                            @click.stop.prevent="openVehicleInfoOverlay($event, '4S4SLDH68T3029762')"
18982                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, '4S4SLDH68T3029762')"
18983                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
18984                        </div>
18985                    </div>
18986
18987
18988                    <div class="vehiclebox-info-section p-3">
18989                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
18990                            <div class="d-flex">
18991                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
18992                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
18993                                        2026 Subaru Forester Sport
18994                                    </h2>
18995                                </div>
18996                            </div>
18997                        </div>
18998
18999                        <div class="vehicle-summary-section mt-3 ">
19000                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
19001                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
19002            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):showMsrp)'>
19003                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
19004                                            <div class="mr-2" style="color:#1971d4">
19005                                                <span id="4s4sldh68t3029762-price-summary-label">Your Price</span>
19006                                            </div>
19007                                            <div id="4s4sldh68t3029762-price-summary-value" class=" " style="color:#1971d4">$33,048</div>
19008                                        </div>
19009
19010            </div>
19011            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):!showMsrp )'>
19012                                <div v-if="!unlockHideMsrp">
19013                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
19014                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
19015                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$40,124</div>
19016                                    </div>
19017                                </div>
19018
19019            </div>
19020        </div>
19021
19022                            </div>
19023
19024                                <template v-if="true">
19025                                    <div class="vehicle-summary-cta flex-1">
19026                                        <object>
19027                                               <div class="primary-button-parent">
19028        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash#Transact" target="_self"
19029           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","4S4SLDH68T3029762");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash",$event,"_self")'
19030           @keydown.space.prevent="$event.currentTarget.click()"
19031           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
19032           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
19033            CALCULATE PAYMENTS
19034        </a>
19035    </div>
19036
19037                                        </object>
19038                                    </div>
19039                                </template>
19040                        </div>
19041<div class="color-black ft-16 mt-1">
19042            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
19043                Disclosure
19044            </div>
19045</div>
19046
19047
19048                        <div class="show section-separator my-4"></div>
19049
19050
19051                            <template v-if="true">
19052                                <object>
19053                                    <div class="app-level-cta-container">
19054
19055
19056
19057
19058
19059
19060
19061                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "4S4SLDH68T3029762","true"==="true"))' class="primary-button-parent">
19062                                                    <a :style="ctaBtnStyles"
19063                                                     tabindex="0" role="button"
19064                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash", "4S4SLDH68T3029762", "Used")'
19065                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash", "4S4SLDH68T3029762", "Used")'
19066                                                    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">
19067                                                        {{inventorySettings.data.buttonLabel}}
19068                                                    </a>
19069                                                 </div>
19070                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
19071                                                                    <a v-if="applySecondary
19071Design" href=""
19072                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
19073                                                                        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"
19074                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19075                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19076                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19077                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
19078                                                                    <a v-else href=""
19079                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
19080                                                                        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"
19081                                                                        @click.prevent="
19082                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19083                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19084                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19085                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
19086                                                                        GET MORE INFORMATION
19087                                                                    </a>
19088                                                                </div>
19089                                                                    <div class="primary-button-parent">
19090                                                                        <a v-if="applySecondary
19090Design"
19091                                                                            href="javascript:void(0)"
19092                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
19093                                                                            class=" 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"
19094                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19095                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
19096                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
19097                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
19098                                                                            CALL (805) 790-9466
19099                                                                        </a>
19100                                                                        <a v-else
19101                                                                            href="javascript:void(0)"
19102                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
19103                                                                            class=" 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"
19104                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19105                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
19106                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
19107                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;4S4SLDH68T3029762&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Forester&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:429.94,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;T3029762R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
19108                                                                            >
19109                                                                            CALL (805) 790-9466
19110                                                                        </a>
19111                                                                    </div>
19112
19113
19114
19115
19116                                    </div>
19117                                </object>
19118                            </template>
19119
19120                            <div class="mt-3">
19121
19122
19123                                <div class="inventory-btns" style="width:100%;" v-cloak>
19124
19125
19126                                    <object class="d-flex flex-column primary-inventory-btn-group">
19127                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19128                                        <div class="pi-pullup-container"></div>
19129                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19130
19131                                        <div class="dvs_vin_btn" vin="4S4SLDH68T3029762"></div>
19132
19133
19134
19135
19136
19137
19138                                    </object>
19139
19140
19141
19142
19143
19144
19145
19146
19147
19148                                    
19149
19150
19151
19152
19153
19154
19155
19156
19157
19158                                </div>
19159
19160
19161                                    <div class="my-2 w-100 text-center">
19162                                        <div class="les_video" les_vin="4S4SLDH68T3029762"></div>
19163                                    </div>
19164
19165
19166
19167
19168                            </div>
19169
19170                            <active-engage-widget v-if="isEnableActivEngageSrp"
19171                                                custom-class="py-2 ft-12"></active-engage-widget>
19172                        <div class="srp-tabs-section mt-3">
19173                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
19174                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4SLDH68T3029762'] || 'payments') === 'details' }"
19175                                    tabindex="0" role="tab"
19176                                    aria-label="Details"
19177                                    :aria-selected="(activeTabsByVin['4S4SLDH68T3029762'] || 'payments') === 'details'"
19178                                    aria-controls="tab-panel-details-4S4SLDH68T3029762"
19179                                    @click.stop.prevent="setActiveTab('details', '4S4SLDH68T3029762')"
19180                                    @keydown.enter.space.stop.prevent="setActiveTab('details', '4S4SLDH68T3029762')">
19181                                        Details
19182                                    </div>
19183                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['4S4SLDH68T3029762'] || 'payments') === 'payments' }"
19184                                tabindex="0" role="tab"
19185                                aria-label="Pricing"
19186                                :aria-selected="(activeTabsByVin['4S4SLDH68T3029762'] || 'payments') === 'payments'"
19187                                aria-controls="tab-panel-payments-4S4SLDH68T3029762"
19188                                @click.stop.prevent="setActiveTab('payments', '4S4SLDH68T3029762')"
19189                                @keydown.enter.space.stop.prevent="setActiveTab('payments', '4S4SLDH68T3029762')">
19190                                    Pricing
19191                                </div>
19192                            </div>
19193
19194                            <div class="srp-tab-content">
19195                                <div :class="(activeTabsByVin['4S4SLDH68T3029762'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-4S4SLDH68T3029762" aria-label="Details">
19196                                    <div class="vehicle-details-list">
19197
19198
19199                                            <div class="details-item-row">
19200                                                <div class="details-item-label">Stock #</div>
19201                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
19202                                                    <div id="copy_stock" class="d-inline">T3029762R</div>
19203                                                </div>
19204                                            </div>
19205
19206                                        
19207
19208
19209
19210
19211
19212                                                <div class="details-item-row">
19213                                                    <div class="details-item-label">Mileage</div>
19214                                                    <div class="details-item-value">10,827 Miles</div>
19215                                                </div>
19216
19217                                    </div>
19218
19219                                </div>
19220                                <div :class="(activeTabsByVin['4S4SLDH68T3029762'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-4S4SLDH68T3029762" aria-label="Pricing">
19221                                            <div class="msrppanel-label">
19222                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):showMsrp)'>
19223
19224
19225                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-40124' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19226                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
19227                                                                                        
19228
19229<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
19230    KBB Price
19231</div>
19232<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$40,124</div>
19233
19234
19235                                                                                    </div>
19236                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$7,257</span> </div>
19237                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
19238                                                                                                <div>
19239                                                                                                    Doc Fee
19240                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19241                                                                                                </div>
19242                                                                                                <div class="d-flex pl-2">
19243                                                                                                    &#x2B;$85
19244                                                                                                </div>
19245                                                                                            </div>
19246                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
19247                                                                                                <div>
19248                                                                                                    EVR
19249                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19250                                                                                                </div>
19251                                                                                                <div class="d-flex pl-2">
19252                                                                                                    &#x2B;$37
19253                                                                                                </div>
19254                                                                                            </div>
19255                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
19256                                                                                                <div>
19257                                                                                                    Emissions Test
19258                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19259                                                                                                </div>
19260                                                                                                <div class="d-flex pl-2">
19261                                                                                                    &#x2B;$59
19262                                                                                                </div>
19263                                                                                            </div>
19264                                                                            <div id="4s4sldh68t302
192649762-unlock-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
19265                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
19266                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
19267                                                                                </span>
19268                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="4s4sldh68t3029762-unlock-discount-price"></label></span>
19269                                                                            </div>
19270                                                                            <div id="4s4sldh68t3029762-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'>
19271                                                                                <div class="mr-2" style="color:#1971d4">
19272                                                                                    <span id="4s4sldh68t3029762-selling-price-label" class="p-0">Your Price</span>
19273                                                                                </div>
19274                                                                                <div id="4s4sldh68t3029762-your-price-hide" class=" " style="color:#1971d4">$33,048</div>
19275                                                                            </div>
19276                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
19277                                                                                <div class="mr-2" style="color:#1971d4">
19278                                                                                    <span id="4s4sldh68t3029762-selling-price-label" class="p-0">Your Price</span>
19279                                                                                </div>
19280                                                                                <div id="4s4sldh68t3029762-your-price" class=" " style="color:#1971d4">$33,048</div>
19281                                                                            </div>
19282
19283
19284
19285
19286                                                        <total-incentive-discount qualified-data=''
19287                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
19288                                                                                :pricedata="{'msrp':'40124','yourPrice':'33048.0'}"
19289                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
19290                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
19291                                                    <div class="color-black ft-16 mt-1">
19292            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
19293                Disclosure
19294            </div>
19295</div>
19296
19297                                                </div>
19298
19299                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "4S4SLDH68T3029762", "true"==="true"):!showMsrp )'>
19300                                                                    <div v-if="!unlockHideMsrp">
19301                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-40124' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19302                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
19303                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
19304                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$40,124</div>
19305                                                                        </div>
19306                                                                    </div>
19307
19308                                                </div>
19309                                            </div>
19310                                </div>
19311                            </div>
19312                        </div>
19313                        <div id="cta-params-4S4SLDH68T3029762"
19314                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:33048.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
19315                        </div>
19316
19317                        <div>
19318
19319                            <vehicle-badges model="Forester"
19320                                            :current="'srp'"
19321                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
19322                                            :eyesight="'False'"
19323                                            :starlink="'False'"
19324                                            :von="''"
19325                                            :onorder="''"
19326                                            :vin="'4S4SLDH68T3029762'"
19327                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash'"
19328                                            :vehicle-badges-top-srp="'False'"
19329                                            :year="'2026'"
19330                                            :in-transit-background-color-srp="''"
19331                                            :in-transit-badge-color-srp="''"
19332                                            :in-production-background-color-srp="''"
19333                                            :in-production-badge-color-srp="''"
19334                                            @opendisclaimer="openDisclaimerPopup($event)">
19335                            </vehicle-badges>
19336
19337                                <div class="d-flex flex-wrap">
19338                                    
19339
19340
19341
19342
19343
19344
19345                                </div>
19346                        </div>
19347
19348
19349
19350                        <div class="d-flex flex-wrap srp-certified-img-section">
19351
19352
19353                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
19354                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
19355                                        </div>
19356
19357                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/AQ8DdUoJcfOYeCF4cKqLwhYPaSGQWpLNNzcsTsmxE7tgDRAv9lKs9S4hie6q7qY_0mASFoU2WfgocxKRbBPxYsY97FRv3PHVFsA')">
19358                                        <img src="https://partnerstatic.
19358carfax.com/img/valuebadge/1own_great.svg"
19359                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
19360                                    </div>
19361
19362
19363
19364
19365
19366                        </div>
19367
19368                        <div v-if="currentTheme == 'subaru'" class="mt-3">
19369                            <subaru-badge-new model="Forester"
19370                                            year="2026"
19371                                            make="Subaru"
19372                                            type="Used"
19373                                            :current="'srp'"
19374                                            :transit="'False'"
19375                                            :eyesight="'False'"
19376                                            :starlink="'False'"
19377                                            :von="''"
19378                                            :onorder="''"
19379                                            :vin="'4S4SLDH68T3029762'"
19380                                            :hide-in-transit="'False'"
19381                                            :vehicle-badges-top-srp="'False'"
19382                                            :subaru-consumer-report-class="'subaruForesterconsumerreport-2026'"
19383                                            :in-transit-background-color-srp="''"
19384                                            :in-transit-badge-color-srp="''"
19385                                            >
19386                            </subaru-badge-new>
19387                        </div>
19388
19389                    </div>
19390                </div>
19391
19392
19393
19394            </div>
19395        </a>
19396        <template v-if="true">
19397            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
19398                <div v-if="openDetailsOverlay && selectedVinForOverlay == '4S4SLDH68T3029762'" class="vehicle-data-overlay-container"
19399                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
19400                     @keydown.esc.prevent="closeDetailsOverlay()"
19401                     @keydown.tab="srpOverlayTrapFocus($event)">
19402                    <div class="vehicle-overlay-data">
19403                        <div class="srp-overlay-options">
19404                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
19405                                <div class="d-flex align-items-center" style="gap: 20px;">
19406                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
19407                                     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>
19408                                    <h3 class="mb-0">Options</h3>
19409                                </div>
19410                                <div>
19411                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
19412                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
19413                                </div>
19414                            </div>
19415
19416                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
19417                                <div class="overlay-nav-items px-3 pt-4">
19418                                    <div class="d-flex overlay-nav-item" tabindex="0"
19419                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDH68T3029762', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDH68T3029762', overlayType: 'share-options', label: 'Share' })">
19420                                        <em class="primaryicon-share-icon"></em>
19421                                        <span>Share</span>
19422                                    </div>
19423
19424                                        <div class="d-flex overlay-nav-item"
19425                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDH68T3029762', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: '4S4SLDH68T3029762', overlayType: 'key-features', label: 'Key Features' })">
19426                                            <em class="primaryicon-key-features-icon"></em>
19427                                            <span>Key Features</span>
19428                                        </div>
19429                                </div>
19430
19431                                <div class="pt-4 px-3 mt-3">
19432                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash")' target="_self"
19433                                        @keydown.space.prevent="$event.currentTarget.click()"
19434                                        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:">
19435                                        View Details
19436                                    </a>
19437                                </div>
19438                            </div>
19439                        </div>
19440                    </div>
19441                </div>
19442            </transition>
19443            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
19444                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == '4S4SLDH68T3029762'"
19445                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
19446                     @keydown.esc.prevent="navigateToDetailsOverlay()"
19447                     @keydown.tab="srpOverlayTrapFocus($event)">
19448                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
19449                        <div class="d-flex align-items-center" style="gap: 20px;">
19450                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
19451                            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>
19452                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
19453                        </div>
19454                        <div>
19455                            <em class="primaryicon-close-icon-gray"
19456                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
19457                        </div>
19458                    </div>
19459                    <div class="mt-3 pt-4 overlay-section-links">
19460                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
19461                        <template v-if="!isLoadingOverlayDetails">
19462                            <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>
19463                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash" vehicle-name="Used 202
194636 Subaru Forester Sport" :page-type-id="18" :style-id="480410" class="overlay-section-content"></share-options>
19464                            <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>
19465                        </template>
19466                    </div>
19467                </div>
19468            </transition>
19469        </template>
19470    </div>
19471        
19471<script type="application/javascript">
19472
19473            var rebatesString = "[]";
19474            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
19475            localStorage.setItem("JF2BUPBD6TY487847-rebates", formattedRebatesString);
19476
19477        </script>
19477
19478<div data-itemid="Subaru-Outback-Premium-JF2BUPBD6TY487847" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
19479        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2BUPBD6TY487847", "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "28",msrp:"39428",yourPrice:"33254.0",sellingPrice:"33073",type:"Used",title:`2026 Subaru Outback Premium`},"true"==="true"), setVintoTransact("JF2BUPBD6TY487847", $event,{styleId:"478578"})'
19480        @mouseleave="clearMouseHoverValue()"
19481        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
19482        used-large-box" style="height: 100%;">
19483
19484            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
19485                <div class="position-relative">
19486                    <div class="srp-top-badges">
19487                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
19488                            <div class="d-flex align-items-center gap-10">
19489                                            <div class="specials-indicator-wrapper">
19490                                                <inventory-specials-indicator
19491                                                bg-color=""
19492                                                text="">
19493                                                </inventory-specials-indicator>
19494                                            </div>
19495                            </div>
19496                        </div>
19497
19498                    </div>
19499
19500
19501                    <div id="EZ360_CVDP"></div>
19502
19503                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
19504                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2BUPBD6TY487847'" class="vehicle-box__image">
19505                                    <img src="https://cdn.max.auto/t_hres/108741/JF2BUPBD6TY487847/6a971dc6bf022d29b257f04f.jpg" class="img-fluid srp-vehiclebox-image"
19506                                    title="2026 Subaru Outback Premium" alt="2026 Subaru Outback Premium" />
19507
19508                        </div>
19509
19510                        <div class="dp-srp-evox-media-JF2BUPBD6TY487847" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2BUPBD6TY487847'"></div>
19511
19512                        <div class="vehicle-info-icon">
19513                            <em
19514                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2BUPBD6TY487847')"
19515                            class="primaryicon-options-btn-new info-icon-css"
19516                            data-vin="JF2BUPBD6TY487847"
19517                            tabindex="0"
19518                            role="button"
19519                            aria-label="Vehicle info"
19520                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2BUPBD6TY487847')"
19521                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2BUPBD6TY487847')"
19522                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
19523                        </div>
19524                    </div>
19525
19526
19527                    <div class="vehiclebox-info-section p-3">
19528                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
19529                            <div class="d-flex">
19530                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
19531                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
19532                                        2026 Subaru Outback Premium
19533                                    </h2>
19534                                </div>
19535                            </div>
19536                        </div>
19537
19538                        <div class="vehicle-summary-section mt-3 ">
19539                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
19540                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
19541            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):showMsrp)'>
19542                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
19543                                            <div class="mr-2" style="color:#1971d4">
19544                                                <span id="jf2bupbd6ty487847-price-summary-label">Your Price</span>
19545                                            </div>
19546                                            <div id="jf2bupbd6ty487847-price-summary-value" class=" " style="color:#1971d4">$33,254</div>
19547                                        </div>
19548
19549            </div>
19550            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):!showMsrp )'>
19551                                <div v-if="!unlockHideMsrp">
19552                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
19553                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
19554                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$39,428</div>
19555                                    </div>
19556                                </div>
19557
19558            </div>
19559        </div>
19560
19561                            </div>
19562
19563                                <template v-if="true">
19564                                    <div class="vehicle-summary-cta flex-1">
19565                                        <object>
19566                                               <div class="primary-button-parent">
19567        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash#Transact" target="_self"
19568           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2BUPBD6TY487847");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash",$event,"_self")'
19569           @keydown.space.prevent="$event.currentTarget.click()"
19570           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
19571           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
19572            CALCULATE PAYMENTS
19573        </a>
19574    </div>
19575
19576                                        </object>
19577                                    </div>
19578                                </template>
19579                        </div>
19580<div class="color-black ft-16 mt-1">
19581            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
19582                Disclosure
19583            </div>
19584</div>
19585
19586
19587                        <div class="show section-separator my-4"></div>
19588
19589
19590                            <template v-if="true">
19591                                <object>
19592                                    <div class="app-level-cta-container">
19593
19594
19595
19596
19597
19598
19599
19600                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2BUPBD6TY487847","true"==="true"))' class="primary-button-parent">
19601                                                    <a :style="ctaBtnStyles"
19602                                                     tabindex="0" role="button"
19603                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash", "JF2BUPBD6TY487847", "Used")'
19604                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash", "JF2BUPBD6TY487847", "Used")'
19605                                                    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">
19606                                                        {{inventorySettings.data.buttonLabel}}
19607                                                    </a>
19608                                                 </div>
19609                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
19610                                                                    <a v-if="applySecondary
19610Design" href=""
19611                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
19612                                                                        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"
19613                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19614                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19615                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19616                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
19617                                                                    <a v-else href=""
19618                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
19619                                                                        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"
19620                                                                        @click.prevent="
19621                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19622                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;cpo&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
19623                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19624                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
19625                                                                        GET MORE INFORMATION
19626                                                                    </a>
19627                                                                </div>
19628                                                                    <div class="primary-button-parent">
19629                                                                        <a v-if="applySecondary
19629Design"
19630                                                                            href="javascript:void(0)"
19631                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
19632                                                                            class=" 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"
19633                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19634                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
19635                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
19636                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
19637                                                                            CALL (805) 790-9466
19638                                                                        </a>
19639                                                                        <a v-else
19640                                                                            href="javascript:void(0)"
19641                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
19642                                                                            class=" 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"
19643                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
19644                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
19645                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
19646                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPBD6TY487847&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:72,&quot;vehicleDetailsSrp&quot;:432.62,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY487847R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
19647                                                                            >
19648                                                                            CALL (805) 790-9466
19649                                                                        </a>
19650                                                                    </div>
19651
19652
19653
19654
19655                                    </div>
19656                                </object>
19657                            </template>
19658
19659                            <div class="mt-3">
19660
19661
19662                                <div class="inventory-btns" style="width:100%;" v-cloak>
19663
19664
19665                                    <object class="d-flex flex-column primary-inventory-btn-group">
19666                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19667                                        <div class="pi-pullup-container"></div>
19668                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
19669
19670                                        <div class="dvs_vin_btn" vin="JF2BUPBD6TY487847"></div>
19671
19672
19673
19674
19675
19676
19677                                    </object>
19678
19679
19680
19681
19682
19683
19684
19685
19686
19687                                    
19688
19689
19690
19691
19692
19693
19694
19695
19696
19697                                </div>
19698
19699
19700                                    <div class="my-2 w-100 text-center">
19701                                        <div class="les_video" les_vin="JF2BUPBD6TY487847"></div>
19702                                    </div>
19703
19704
19705
19706
19707                            </div>
19708
19709                            <active-engage-widget v-if="isEnableActivEngageSrp"
19710                                                custom-class="py-2 ft-12"></active-engage-widget>
19711                        <div class="srp-tabs-section mt-3">
19712                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
19713                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2BUPBD6TY487847'] || 'payments') === 'details' }"
19714                                    tabindex="0" role="tab"
19715                                    aria-label="Details"
19716                                    :aria-selected="(activeTabsByVin['JF2BUPBD6TY487847'] || 'payments') === 'details'"
19717                                    aria-controls="tab-panel-details-JF2BUPBD6TY487847"
19718                                    @click.stop.prevent="setActiveTab('details', 'JF2BUPBD6TY487847')"
19719                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2BUPBD6TY487847')">
19720                                        Details
19721                                    </div>
19722                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2BUPBD6TY487847'] || 'payments') === 'payments' }"
19723                                tabindex="0" role="tab"
19724                                aria-label="Pricing"
19725                                :aria-selected="(activeTabsByVin['JF2BUPBD6TY487847'] || 'payments') === 'payments'"
19726                                aria-controls="tab-panel-payments-JF2BUPBD6TY487847"
19727                                @click.stop.prevent="setActiveTab('payments', 'JF2BUPBD6TY487847')"
19728                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2BUPBD6TY487847')">
19729                                    Pricing
19730                                </div>
19731                            </div>
19732
19733                            <div class="srp-tab-content">
19734                                <div :class="(activeTabsByVin['JF2BUPBD6TY487847'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2BUPBD6TY487847" aria-label="Details">
19735                                    <div class="vehicle-details-list">
19736
19737
19738                                            <div class="details-item-row">
19739                                                <div class="details-item-label">Stock #</div>
19740                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
19741                                                    <div id="copy_stock" class="d-inline">TY487847R</div>
19742                                                </div>
19743                                            </div>
19744
19745                                        
19746
19747
19748
19749
19750
19751                                                <div class="details-item-row">
19752                                                    <div class="details-item-label">Mileage</div>
19753                                                    <div class="details-item-value">6,123 Miles</div>
19754                                                </div>
19755
19756                                    </div>
19757
19758                                </div>
19759                                <div :class="(activeTabsByVin['JF2BUPBD6TY487847'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2BUPBD6TY487847" aria-label="Pricing">
19760                                            <div class="msrppanel-label">
19761                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):showMsrp)'>
19762
19763
19764                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-39428' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19765                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
19766                                                                                        
19767
19768<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
19769    KBB Price
19770</div>
19771<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$39,428</div>
19772
19773
19774                                                                                    </div>
19775                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$6,355</span> </div>
19776                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
19777                                                                                                <div>
19778                                                                                                    Doc Fee
19779                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19780                                                                                                </div>
19781                                                                                                <div class="d-flex pl-2">
19782                                                                                                    &#x2B;$85
19783                                                                                                </div>
19784                                                                                            </div>
19785                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
19786                                                                                                <div>
19787                                                                                                    EVR
19788                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19789                                                                                                </div>
19790                                                                                                <div class="d-flex pl-2">
19791                                                                                                    &#x2B;$37
19792                                                                                                </div>
19793                                                                                            </div>
19794                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
19795                                                                                                <div>
19796                                                                                                    Emissions Test
19797                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
19798                                                                                                </div>
19799                                                                                                <div class="d-flex pl-2">
19800                                                                                                    &#x2B;$59
19801                                                                                                </div>
19802                                                                                            </div>
19803                                                                            <div id="jf2bupbd6ty487847-unlo
19803ck-discount" v-if="unlockCtaDiscountDataByType['cpo']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
19804                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelStyles : ''">
19805                                                                                    {{unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
19806                                                                                </span>
19807                                                                                <span :style="unlockCtaDiscountDataByType['cpo'] && unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['cpo'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2bupbd6ty487847-unlock-discount-price"></label></span>
19808                                                                            </div>
19809                                                                            <div id="jf2bupbd6ty487847-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'>
19810                                                                                <div class="mr-2" style="color:#1971d4">
19811                                                                                    <span id="jf2bupbd6ty487847-selling-price-label" class="p-0">Your Price</span>
19812                                                                                </div>
19813                                                                                <div id="jf2bupbd6ty487847-your-price-hide" class=" " style="color:#1971d4">$33,254</div>
19814                                                                            </div>
19815                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
19816                                                                                <div class="mr-2" style="color:#1971d4">
19817                                                                                    <span id="jf2bupbd6ty487847-selling-price-label" class="p-0">Your Price</span>
19818                                                                                </div>
19819                                                                                <div id="jf2bupbd6ty487847-your-price" class=" " style="color:#1971d4">$33,254</div>
19820                                                                            </div>
19821
19822
19823
19824
19825                                                        <total-incentive-discount qualified-data=''
19826                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
19827                                                                                :pricedata="{'msrp':'39428','yourPrice':'33254.0'}"
19828                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
19829                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
19830                                                    <div class="color-black ft-16 mt-1">
19831            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
19832                Disclosure
19833            </div>
19834</div>
19835
19836                                                </div>
19837
19838                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPBD6TY487847", "true"==="true"):!showMsrp )'>
19839                                                                    <div v-if="!unlockHideMsrp">
19840                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-39428' :showtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
19841                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
19842                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
19843                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$39,428</div>
19844                                                                        </div>
19845                                                                    </div>
19846
19847                                                </div>
19848                                            </div>
19849                                </div>
19850                            </div>
19851                        </div>
19852                        <div id="cta-params-JF2BUPBD6TY487847"
19853                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:33254.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
19854                        </div>
19855
19856                        <div>
19857
19858                            <vehicle-badges model="Outback"
19859                                            :current="'srp'"
19860                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
19861                                            :eyesight="'False'"
19862                                            :starlink="'False'"
19863                                            :von="''"
19864                                            :onorder="''"
19865                                            :vin="'JF2BUPBD6TY487847'"
19866                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash'"
19867                                            :vehicle-badges-top-srp="'False'"
19868                                            :year="'2026'"
19869                                            :in-transit-background-color-srp="''"
19870                                            :in-transit-badge-color-srp="''"
19871                                            :in-production-background-color-srp="''"
19872                                            :in-production-badge-color-srp="''"
19873                                            @opendisclaimer="openDisclaimerPopup($event)">
19874                            </vehicle-badges>
19875
19876                                <div class="d-flex flex-wrap">
19877                                    
19878
19879
19880
19881
19882
19883
19884                                </div>
19885                        </div>
19886
19887
19888
19889                        <div class="d-flex flex-wrap srp-certified-img-section">
19890
19891
19892                                        <div @click="certifiedLogoClick($event)" class="certified-img-item">
19893                                            <img src="https://www.dchsubaruthousandoaks.com/themes/Subaru/images/cpo.png" class="img-fluid certified-img cursor-pointer" alt="certified logo" />
19894                                        </div>
19895
19896                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/5lnlVbUdfo9BFCXAUslevn3HuH1KE-vEBF024_Q43KRDEnJ2Im9kisFDcgXw7_NgsdFh-XIBDzwcSYvJHTMdcBGnQ3vDtFHV9q0')">
19897                                        <img src="https://partnerstatic.
19897carfax.com/img/valuebadge/1own.svg"
19898                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
19899                                    </div>
19900
19901
19902
19903
19904
19905                        </div>
19906
19907                        <div v-if="currentTheme == 'subaru'" class="mt-3">
19908                            <subaru-badge-new model="Outback"
19909                                            year="2026"
19910                                            make="Subaru"
19911                                            type="Used"
19912                                            :current="'srp'"
19913                                            :transit="'False'"
19914                                            :eyesight="'False'"
19915                                            :starlink="'False'"
19916                                            :von="''"
19917                                            :onorder="''"
19918                                            :vin="'JF2BUPBD6TY487847'"
19919                                            :hide-in-transit="'False'"
19920                                            :vehicle-badges-top-srp="'False'"
19921                                            :subaru-consumer-report-class="'subaruOutbackconsumerreport-2026'"
19922                                            :in-transit-background-color-srp="''"
19923                                            :in-transit-badge-color-srp="''"
19924                                            >
19925                            </subaru-badge-new>
19926                        </div>
19927
19928                    </div>
19929                </div>
19930
19931
19932
19933            </div>
19934        </a>
19935        <template v-if="true">
19936            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
19937                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2BUPBD6TY487847'" class="vehicle-data-overlay-container"
19938                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
19939                     @keydown.esc.prevent="closeDetailsOverlay()"
19940                     @keydown.tab="srpOverlayTrapFocus($event)">
19941                    <div class="vehicle-overlay-data">
19942                        <div class="srp-overlay-options">
19943                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
19944                                <div class="d-flex align-items-center" style="gap: 20px;">
19945                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
19946                                     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>
19947                                    <h3 class="mb-0">Options</h3>
19948                                </div>
19949                                <div>
19950                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
19951                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
19952                                </div>
19953                            </div>
19954
19955                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
19956                                <div class="overlay-nav-items px-3 pt-4">
19957                                    <div class="d-flex overlay-nav-item" tabindex="0"
19958                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPBD6TY487847', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPBD6TY487847', overlayType: 'share-options', label: 'Share' })">
19959                                        <em class="primaryicon-share-icon"></em>
19960                                        <span>Share</span>
19961                                    </div>
19962
19963                                        <div class="d-flex overlay-nav-item"
19964                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPBD6TY487847', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPBD6TY487847', overlayType: 'key-features', label: 'Key Features' })">
19965                                            <em class="primaryicon-key-features-icon"></em>
19966                                            <span>Key Features</span>
19967                                        </div>
19968                                </div>
19969
19970                                <div class="pt-4 px-3 mt-3">
19971                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash")' target="_self"
19972                                        @keydown.space.prevent="$event.currentTarget.click()"
19973                                        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:">
19974                                        View Details
19975                                    </a>
19976                                </div>
19977                            </div>
19978                        </div>
19979                    </div>
19980                </div>
19981            </transition>
19982            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
19983                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2BUPBD6TY487847'"
19984                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
19985                     @keydown.esc.prevent="navigateToDetailsOverlay()"
19986                     @keydown.tab="srpOverlayTrapFocus($event)">
19987                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
19988                        <div class="d-flex align-items-center" style="gap: 20px;">
19989                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
19990                            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>
19991                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
19992                        </div>
19993                        <div>
19994                            <em class="primaryicon-close-icon-gray"
19995                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
19996                        </div>
19997                    </div>
19998                    <div class="mt-3 pt-4 overlay-section-links">
19999                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
20000                        <template v-if="!isLoadingOverlayDetails">
20001                            <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>
20002                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash" vehicle-name="Used 202
200026 Subaru Outback Premium" :page-type-id="18" :style-id="478578" class="overlay-section-content"></share-options>
20003                            <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>
20004                        </template>
20005                    </div>
20006                </div>
20007            </transition>
20008        </template>
20009    </div>
20010        
20010<script type="application/javascript">
20011
20012            var rebatesString = "[]";
20013            var formattedRebatesString = rebatesString.replace(/&quot;/g, '"');
20014            localStorage.setItem("JF2BUPAD7TY540024-rebates", formattedRebatesString);
20015
20016        </script>
20016
20017<div data-itemid="Subaru-Outback-Premium-JF2BUPAD7TY540024" data-ccode="" class=" clean-design-srp-card" style="position: relative;">
20018        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash" target="_self" @click='vehicleDetails($event, "JF2BUPAD7TY540024", "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash", {vehicleCount: "30", vehicleIndex: "29",msrp:"37425",yourPrice:"33318.0",sellingPrice:"33137",type:"Used",title:`2026 Subaru Outback Premium`},"true"==="true"), setVintoTransact("JF2BUPAD7TY540024", $event,{styleId:"478578"})'
20019        @mouseleave="clearMouseHoverValue()"
20020        class="srp-vehicle-box bgcolor-white position-relative w-100 no-hover rounded-box d-block
20021        used-large-box" style="height: 100%;">
20022
20023            <div class=" vehicle-content vehicle-content-min-height d-flex flex-column justify-content-between h-100">
20024                <div class="position-relative">
20025                    <div class="srp-top-badges">
20026                        <div class="srp-card-top-indicator-section d-flex card-status__indicator gap-20 align-items-start">
20027                            <div class="d-flex align-items-center gap-10">
20028                            </div>
20029                        </div>
20030
20031                    </div>
20032
20033
20034                    <div id="EZ360_CVDP"></div>
20035
20036                    <div class="vehiclebox-image text-center mx-auto position-relative srp-vehicle-image" style="clear: both;">
20037                        <div v-show="currentHoveredBlock !== 'dp-srp-evox-media-JF2BUPAD7TY540024'" class="vehicle-box__image">
20038                                    <img src="https://content.homenetiol.com/2000157/2065512/0x0/stock_images/5/2026SUS31_640/2026SUS312073602_640_01.jpg" class="img-fluid srp-vehiclebox-image"
20039                                    title="2026 Subaru Outback Premium" alt="2026 Subaru Outback Premium" />
20040
20041                        </div>
20042
20043                        <div class="dp-srp-evox-media-JF2BUPAD7TY540024" v-show="currentHoveredBlock === 'dp-srp-evox-media-JF2BUPAD7TY540024'"></div>
20044
20045                        <div class="vehicle-info-icon">
20046                            <em
20047                            v-if="!(openDetailsOverlay && selectedVinForOverlay === 'JF2BUPAD7TY540024')"
20048                            class="primaryicon-options-btn-new info-icon-css"
20049                            data-vin="JF2BUPAD7TY540024"
20050                            tabindex="0"
20051                            role="button"
20052                            aria-label="Vehicle info"
20053                            @click.stop.prevent="openVehicleInfoOverlay($event, 'JF2BUPAD7TY540024')"
20054                            @keydown.enter.space.prevent="openVehicleInfoOverlay($event, 'JF2BUPAD7TY540024')"
20055                            ><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></em>
20056                        </div>
20057                    </div>
20058
20059
20060                    <div class="vehiclebox-info-section p-3">
20061                        <div class="vehiclebox-title color-black font-bold _theme_font_bold text-capitalize ">
20062                            <div class="d-flex">
20063                                <div class="d-flex align-items-center gap-20 vehiclebox-title--wrapper">
20064                                    <h2 :class="{'mitsubishi-h2-font-size' : make == 'Mitsubishi'}" class="mb-0 vehiclebox-title-main ">
20065                                        2026 Subaru Outback Premium
20066                                    </h2>
20067                                </div>
20068                            </div>
20069                        </div>
20070
20071                        <div class="vehicle-summary-section mt-3 ">
20072                            <div class="vehicle-summary-price flex-1" :style="!inventorySetupCallCompleted ? 'display:none !important;' : ''">
20073                                        <div class="msrppanel-label mt-3 vehicle-price-summary__details color-black" style="display: none">
20074            <div class="payment-section" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):showMsrp)'>
20075                                        <div class='d-flex align-items-center grey-text  font-weight-bold _theme_font_bold srp-your-price pure24 summary-price--styling'>
20076                                            <div class="mr-2" style="color:#1971d4">
20077                                                <span id="jf2bupad7ty540024-price-summary-label">Your Price</span>
20078                                            </div>
20079                                            <div id="jf2bupad7ty540024-price-summary-value" class=" " style="color:#1971d4">$33,318</div>
20080                                        </div>
20081
20082            </div>
20083            <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):!showMsrp )'>
20084                                <div v-if="!unlockHideMsrp">
20085                                    <div class="d-flex mr-2 align-items-center srp-msrp summary-price--styling">
20086                                        <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
20087                                        <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$37,425</div>
20088                                    </div>
20089                                </div>
20090
20091            </div>
20092        </div>
20093
20094                            </div>
20095
20096                                <template v-if="true">
20097                                    <div class="vehicle-summary-cta flex-1">
20098                                        <object>
20099                                               <div class="primary-button-parent">
20100        <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash#Transact" target="_self"
20101           @click='logBuyNowClickEvents("CALCULATE PAYMENTS","JF2BUPAD7TY540024");openTransactVdp("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash",$event,"_self")'
20102           @keydown.space.prevent="$event.currentTarget.click()"
20103           class="mx-1 justify-content-center d-flex srp-transact-button align-items-center no-hover d-inline-block py-2 px-2 rounded-buttons btn-websites button-primary ft-12 flex-1 text-center btn-pd-0   "
20104           :style="{ 'color' : '#fff', 'background-color' :'#B62137 !important','border' : '1px solid  !important' }">
20105            CALCULATE PAYMENTS
20106        </a>
20107    </div>
20108
20109                                        </object>
20110                                    </div>
20111                                </template>
20112                        </div>
20113<div class="color-black ft-16 mt-1">
20114            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
20115                Disclosure
20116            </div>
20117</div>
20118
20119
20120                        <div class="show section-separator my-4"></div>
20121
20122
20123                            <template v-if="true">
20124                                <object>
20125                                    <div class="app-level-cta-container">
20126
20127
20128
20129
20130
20131
20132
20133                                                <div v-if='isUnLockFormEnabled && (!isSpecialFieldMatchEnabled || checkUnlockCookieVin("Used", "JF2BUPAD7TY540024","true"==="true"))' class="primary-button-parent">
20134                                                    <a :style="ctaBtnStyles"
20135                                                     tabindex="0" role="button"
20136                                                    @click.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash", "JF2BUPAD7TY540024", "Used")'
20137                                                    @keydown.enter.space.prevent='openUnlockForm("https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash", "JF2BUPAD7TY540024", "Used")'
20138                                                    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">
20139                                                        {{inventorySettings.data.buttonLabel}}
20140                                                    </a>
20141                                                 </div>
20142                                                                <div class="primary-button-parent" v-if="showOnInventoryVdpCtas('check-availability')">
20143                                                                    <a v-if="applySecondary
20143Design" href=""
20144                                                                        style='background-color:#1971d4 !important; color:#ffffff !important; border:  !important;'
20145                                                                        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"
20146                                                                        @click.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20147                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20148                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
20149                                                                        @mouseover="onCTABtnHover('', '', '', $event)">GET MORE INFORMATION</a>
20150                                                                    <a v-else href=""
20151                                                                        style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid ;"
20152                                                                        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"
20153                                                                        @click.prevent="
20154                                                                            onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20155                                                                        @keydown.space.prevent="onCTAButtonClicked('{&quot;buttonActionName&quot;:&quot;check-availability&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formheading&quot;:&quot;GET MORE INFORMATION&quot;,&quot;formlabel&quot;:&quot;&quot;,&quot;vehicleType&quot;:&quot;Used&quot;,&quot;ctaCustomLeadForms&quot;:&quot;&quot;,&quot;term&quot;:72,&quot;vehicleDetailsSrp&quot;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}', $event)"
20156                                                                        @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
20157                                                                        @mouseover="onCTABtnHover('', '', '', $event)">
20158                                                                        GET MORE INFORMATION
20159                                                                    </a>
20160                                                                </div>
20161                                                                    <div class="primary-button-parent">
20162                                                                        <a v-if="applySecondary
20162Design"
20163                                                                            href="javascript:void(0)"
20164                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:2px solid  !important;"
20165                                                                            class=" 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"
20166                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
20167                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
20168                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
20169                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)">
20170                                                                            CALL (805) 790-9466
20171                                                                        </a>
20172                                                                        <a v-else
20173                                                                            href="javascript:void(0)"
20174                                                                            style="background-color:#1971d4 !important; color:#ffffff !important; border:1px solid  !important;"
20175                                                                            class=" 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"
20176                                                                            @mouseleave="onCTABtnLeave('#1971d4', '#ffffff', '', $event)"
20177                                                                            @mouseover="onCTABtnHover('', '', '', $event)"
20178                                                                            @click="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
20179                                                                            @keydown.space.prevent="onCTAButtonClicked(&#x27;{&quot;buttonActionName&quot;:&quot;click-to-call-mobile-desktop&quot;,&quot;routeLink&quot;:&quot;&quot;,&quot;vin&quot;:&quot;JF2BUPAD7TY540024&quot;,&quot;year&quot;:&quot;2026&quot;,&quot;make&quot;:&quot;Subaru&quot;,&quot;model&quot;:&quot;Outback&quot;,&quot;dealerId&quot;:61410,&quot;tab&quot;:&quot;&quot;,&quot;labelName&quot;:&quot;CALL (805) 790-9466&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;:438.46,&quot;formButtonColor&quot;:&quot;&quot;,&quot;formButtonFontColor&quot;:&quot;&quot;,&quot;vdpUrl&quot;:&quot;https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash&quot;,&quot;stockNumber&quot;:&quot;TY540024R&quot;,&quot;CustomCTAOnClick&quot;:&quot;&quot;}&#x27;, $event)"
20180                                                                            >
20181                                                                            CALL (805) 790-9466
20182                                                                        </a>
20183                                                                    </div>
20184
20185
20186
20187
20188                                    </div>
20189                                </object>
20190                            </template>
20191
20192                            <div class="mt-3">
20193
20194
20195                                <div class="inventory-btns" style="width:100%;" v-cloak>
20196
20197
20198                                    <object class="d-flex flex-column primary-inventory-btn-group">
20199                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
20200                                        <div class="pi-pullup-container"></div>
20201                                        <!-- Load pure influencer integration integrations at the top of inventory buttons -->
20202
20203                                        <div class="dvs_vin_btn" vin="JF2BUPAD7TY540024"></div>
20204
20205
20206
20207
20208
20209
20210                                    </object>
20211
20212
20213
20214
20215
20216
20217
20218
20219
20220                                    
20221
20222
20223
20224
20225
20226
20227
20228
20229
20230                                </div>
20231
20232
20233                                    <div class="my-2 w-100 text-center">
20234                                        <div class="les_video" les_vin="JF2BUPAD7TY540024"></div>
20235                                    </div>
20236
20237
20238
20239
20240                            </div>
20241
20242                            <active-engage-widget v-if="isEnableActivEngageSrp"
20243                                                custom-class="py-2 ft-12"></active-engage-widget>
20244                        <div class="srp-tabs-section mt-3">
20245                            <div class="srp-tab-selection d-flex align-items-center justify-content-center" role="tablist">
20246                                    <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2BUPAD7TY540024'] || 'payments') === 'details' }"
20247                                    tabindex="0" role="tab"
20248                                    aria-label="Details"
20249                                    :aria-selected="(activeTabsByVin['JF2BUPAD7TY540024'] || 'payments') === 'details'"
20250                                    aria-controls="tab-panel-details-JF2BUPAD7TY540024"
20251                                    @click.stop.prevent="setActiveTab('details', 'JF2BUPAD7TY540024')"
20252                                    @keydown.enter.space.stop.prevent="setActiveTab('details', 'JF2BUPAD7TY540024')">
20253                                        Details
20254                                    </div>
20255                                <div class="srp-tab-item" :class="{ active: (activeTabsByVin['JF2BUPAD7TY540024'] || 'payments') === 'payments' }"
20256                                tabindex="0" role="tab"
20257                                aria-label="Pricing"
20258                                :aria-selected="(activeTabsByVin['JF2BUPAD7TY540024'] || 'payments') === 'payments'"
20259                                aria-controls="tab-panel-payments-JF2BUPAD7TY540024"
20260                                @click.stop.prevent="setActiveTab('payments', 'JF2BUPAD7TY540024')"
20261                                @keydown.enter.space.stop.prevent="setActiveTab('payments', 'JF2BUPAD7TY540024')">
20262                                    Pricing
20263                                </div>
20264                            </div>
20265
20266                            <div class="srp-tab-content">
20267                                <div :class="(activeTabsByVin['JF2BUPAD7TY540024'] || 'payments') === 'details' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel vehicle-details-tab p-3" role="tabpanel" id="tab-panel-details-JF2BUPAD7TY540024" aria-label="Details">
20268                                    <div class="vehicle-details-list">
20269
20270
20271                                            <div class="details-item-row">
20272                                                <div class="details-item-label">Stock #</div>
20273                                                <div class="details-item-value stock select-text invoca-phone-do-not-replace stock-number-field" style="cursor: copy;" @click.prevent="copyText('copy_stock')">
20274                                                    <div id="copy_stock" class="d-inline">TY540024R</div>
20275                                                </div>
20276                                            </div>
20277
20278                                        
20279
20280
20281
20282
20283
20284                                                <div class="details-item-row">
20285                                                    <div class="details-item-label">Mileage</div>
20286                                                    <div class="details-item-value">6,105 Miles</div>
20287                                                </div>
20288
20289                                    </div>
20290
20291                                </div>
20292                                <div :class="(activeTabsByVin['JF2BUPAD7TY540024'] || 'payments') === 'payments' ? 'srp-tab-active' : 'srp-tab-inactive'" class="srp-tab-panel payment-details-tab p-3" role="tabpanel" id="tab-panel-payments-JF2BUPAD7TY540024" aria-label="Pricing">
20293                                            <div class="msrppanel-label">
20294                                                <div class="payment-section payment-loaded-cash" :class='[(inventorySetupCallCompleted) && (isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):showMsrp) ? "display_show" :"display_hide"]' v-show='(isSpecialFieldMatchEnabled?checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):showMsrp)'>
20295
20296
20297                                                                                    <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-37425' :sh
20297owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
20298                                                                                    <div class="d-flex align-items-center align-text-gird srp-msrp ">
20299                                                                                        
20300
20301<div class="grey-text msrp_label_custom mr-2" :style="getMSRPColor('')">
20302    KBB Price
20303</div>
20304<div class="grey-text vehiclebox-msrp msrp_value_custom" :style="getMSRPColor('')">$37,425</div>
20305
20306
20307                                                                                    </div>
20308                                                                                            <div class="grey-text vehiclebox-dealer-discount align-text-gird " :style="srpDealerDiscountColor"><span>Difference<span><custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp" :disclaimer-type="'discountPriceDetails'" /></span></span> <span class="word-break-keep-all">-$4,288</span> </div>
20309                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Doc-Fee-label-wrapper">
20310                                                                                                <div>
20311                                                                                                    Doc Fee
20312                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
20313                                                                                                </div>
20314                                                                                                <div class="d-flex pl-2">
20315                                                                                                    &#x2B;$85
20316                                                                                                </div>
20317                                                                                            </div>
20318                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex EVR-label-wrapper">
20319                                                                                                <div>
20320                                                                                                    EVR
20321                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
20322                                                                                                </div>
20323                                                                                                <div class="d-flex pl-2">
20324                                                                                                    &#x2B;$37
20325                                                                                                </div>
20326                                                                                            </div>
20327                                                                                            <div class="grey-text vehiclebox-savings align-text-gird paymentsdata-fees-icon-wrapper d-flex Emissions-Test-label-wrapper">
20328                                                                                                <div>
20329                                                                                                    Emissions Test
20330                                                                                                    <custom-disclaimer-dialog :icon="'primaryicon-info'" type="srp"  disclaimer="" ></custom-disclaimer-dialog>
20331                                                                                                </div>
20332                                                                                                <div class="d-flex pl-2">
20333                                                                                                    &#x2B;$59
20334                                                                                                </div>
20335                                                                                            </div>
20336                                                                            <div id="jf2bupad7ty540024-unlock-discount" v-if="unlockCtaDiscountDataByType['used']" class="d-none grey-text vehiclebox-rebates align-text-gird ">
20337                                                                                <sp
20337an :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelStyles : ''">
20338                                                                                    {{unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabel : 'Unlock Discount'}}
20339                                                                                </span>
20340                                                                                <span :style="unlockCtaDiscountDataByType['used'] && unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles ? unlockCtaDiscountDataByType['used'].unlockDiscountCTAPriceLabelValueStyles : ''">-<label id="jf2bupad7ty540024-unlock-discount-price"></label></span>
20341                                                                            </div>
20342                                                                            <div id="jf2bupad7ty540024-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'>
20343                                                                                <div class="mr-2" style="color:#1971d4">
20344                                                                                    <span id="jf2bupad7ty540024-selling-price-label" class="p-0">Your Price</span>
20345                                                                                </div>
20346                                                                                <div id="jf2bupad7ty540024-your-price-hide" class=" " style="color:#1971d4">$33,318</div>
20347                                                                            </div>
20348                                                                            <div class='d-flex align-items-center grey-text align-text-gird  font-weight-bold _theme_font_bold srp-your-price pure24'>
20349                                                                                <div class="mr-2" style="color:#1971d4">
20350                                                                                    <span id="jf2bupad7ty540024-selling-price-label" class="p-0">Your Price</span>
20351                                                                                </div>
20352                                                                                <div id="jf2bupad7ty540024-your-price" class=" " style="color:#1971d4">$33,318</div>
20353                                                                            </div>
20354
20355
20356
20357
20358                                                        <total-incentive-discount qualified-data=''
20359                                                                                srpcolor="" :show-minus-on-conditional-offers="'False' === 'True'" type="srp"
20360                                                                                :pricedata="{'msrp':'37425','yourPrice':'33318.0'}"
20361                                                                                :showfinalconditionalpricesrp="'False' === 'True'"
20362                                                                                :custom-header-label="'Additional offers you may qualify for'"> </total-incentive-discount>
20363                                                    <div class="color-black ft-16 mt-1">
20364            <div class="color-black mt-1 ft-16 disclosure-text-link" @click.prevent='openDisclaimer(`Price includes $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`,$event)'>
20365                Disclosure
20366            </div>
20367</div>
20368
20369                                                </div>
20370
20371                                                <div :class='[(inventorySetupCallCompleted )&&(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):!showMsrp ) ? "display_show" :"display_hide"]' v-if='(isSpecialFieldMatchEnabled?!checkUnlockMsrp("Used", "JF2BUPAD7TY540024", "true"==="true"):!showMsrp )'>
20372                                                                    <div v-if="!unlockHideMsrp">
20373                                                                        <total-before-discount show-plus-and-minus="show-plus-and-minus" dealer-discounts="" package-saving='-37425' :sh
20373owtotalbeforediscounts="'False'" high-msrp-value='0'></total-before-discount>
20374                                                                        <div class="d-flex mr-2 align-items-center align-text-gird srp-msrp">
20375                                                                            <div class="mr-2" :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp ft-16" : "grey-text vehiclebox-msrp ft-20"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">KBB Price</div>
20376                                                                            <div :class='[(removeMSRPStrikeOut  ? "grey-text vehiclebox-msrp" : "grey-text vehiclebox-msrp msrp-strike-through"), (isLuxTemplate ? "text-center" : "")]' :style="getMSRPColor('')">$37,425</div>
20377                                                                        </div>
20378                                                                    </div>
20379
20380                                                </div>
20381                                            </div>
20382                                </div>
20383                            </div>
20384                        </div>
20385                        <div id="cta-params-JF2BUPAD7TY540024"
20386                             data-cta-params="{&quot;priceLabel&quot;:&quot;Sale Price&quot;,&quot;priceValue&quot;:33318.0,&quot;leaseLabel&quot;:&quot;&quot;,&quot;leaseValue&quot;:&quot;&quot;,&quot;financeLabel&quot;:&quot;&quot;,&quot;financeValue&quot;:&quot;&quot;}">
20387                        </div>
20388
20389                        <div>
20390
20391                            <vehicle-badges model="Outback"
20392                                            :current="'srp'"
20393                                            :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;:&quot;&quot;,&quot;HideInReserve&quot;:false},&quot;ViewVideo&quot;:{&quot;VideoUrl&quot;:null},&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;:&quot;&quot;},&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}}`"
20394                                            :eyesight="''"
20395                                            :starlink="''"
20396                                            :von="''"
20397                                            :onorder="''"
20398                                            :vin="'JF2BUPAD7TY540024'"
20399                                            :route="'https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash'"
20400                                            :vehicle-badges-top-srp="'False'"
20401                                            :year="'2026'"
20402                                            :in-transit-background-color-srp="''"
20403                                            :in-transit-badge-color-srp="''"
20404                                            :in-production-background-color-srp="''"
20405                                            :in-production-badge-color-srp="''"
20406                                            @opendisclaimer="openDisclaimerPopup($event)">
20407                            </vehicle-badges>
20408
20409                                <div class="d-flex flex-wrap">
20410                                    
20411
20412
20413
20414
20415
20416
20417                                </div>
20418                        </div>
20419
20420
20421
20422                        <div class="d-flex flex-wrap srp-certified-img-section">
20423
20424
20425
20426                                    <div class="certified-img-item" @click="logoUrl($event,'https://www.carfax.com/vehiclehistory/ar20/VD2Asq0TtY-Wr6clJJE51Y3LY7xp0U33_Yk19U3f9qZUIhMK_j2uy5slCcbZ7A6zVKkRtHDtfYEmv3JEcrHzomWiHUrNyYeoxNE')">
20427                                        <img src="https://partnerstatic.
20427carfax.com/img/valuebadge/showme.svg"
20428                                            class="carfax-image img-fluid mt-1" alt="Carfax one owner" />
20429                                    </div>
20430
20431
20432
20433
20434
20435                        </div>
20436
20437                        <div v-if="currentTheme == 'subaru'" class="mt-3">
20438                            <subaru-badge-new model="Outback"
20439                                            year="2026"
20440                                            make="Subaru"
20441                                            type="Used"
20442                                            :current="'srp'"
20443                                            :transit="'False'"
20444                                            :eyesight="''"
20445                                            :starlink="''"
20446                                            :von="''"
20447                                            :onorder="''"
20448                                            :vin="'JF2BUPAD7TY540024'"
20449                                            :hide-in-transit="'False'"
20450                                            :vehicle-badges-top-srp="'False'"
20451                                            :subaru-consumer-report-class="'subaruOutbackconsumerreport-2026'"
20452                                            :in-transit-background-color-srp="''"
20453                                            :in-transit-badge-color-srp="''"
20454                                            >
20455                            </subaru-badge-new>
20456                        </div>
20457
20458                    </div>
20459                </div>
20460
20461
20462
20463            </div>
20464        </a>
20465        <template v-if="true">
20466            <transition name="overlay-slide-up" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlayMainBeforeLeave($event)" @after-leave="srpOverlayMainAfterLeave($event)">
20467                <div v-if="openDetailsOverlay && selectedVinForOverlay == 'JF2BUPAD7TY540024'" class="vehicle-data-overlay-container"
20468                     tabindex="-1" role="dialog" aria-modal="true" aria-label="Vehicle options"
20469                     @keydown.esc.prevent="closeDetailsOverlay()"
20470                     @keydown.tab="srpOverlayTrapFocus($event)">
20471                    <div class="vehicle-overlay-data">
20472                        <div class="srp-overlay-options">
20473                            <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
20474                                <div class="d-flex align-items-center" style="gap: 20px;">
20475                                    <em data-v-9364c830="" class="primaryicon-back-circle-arrow" tabindex="0" role="button"
20476                                     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>
20477                                    <h3 class="mb-0">Options</h3>
20478                                </div>
20479                                <div>
20480                                    <em data-v-9364c830="" class="primaryicon-close-icon-gray" tabindex="0" role="button"
20481                                     aria-label="Close" @click="closeDetailsOverlay(false)" @keydown.enter.space.prevent="closeDetailsOverlay(false)"><span class="path1"></span><span class="path2"></span></em>
20482                                </div>
20483                            </div>
20484
20485                            <div class="srp-overlay-options-wrapper d-flex flex-column justify-content-between">
20486                                <div class="overlay-nav-items px-3 pt-4">
20487                                    <div class="d-flex overlay-nav-item" tabindex="0"
20488                                    role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPAD7TY540024', overlayType: 'share-options', label: 'Share' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPAD7TY540024', overlayType: 'share-options', label: 'Share' })">
20489                                        <em class="primaryicon-share-icon"></em>
20490                                        <span>Share</span>
20491                                    </div>
20492
20493                                        <div class="d-flex overlay-nav-item"
20494                                        tabindex="0" role="button" @click.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPAD7TY540024', overlayType: 'key-features', label: 'Key Features' })" @keydown.enter.space.prevent="onClickOverlayItems({event: $event, vin: 'JF2BUPAD7TY540024', overlayType: 'key-features', label: 'Key Features' })">
20495                                            <em class="primaryicon-key-features-icon"></em>
20496                                            <span>Key Features</span>
20497                                        </div>
20498                                </div>
20499
20500                                <div class="pt-4 px-3 mt-3">
20501                                    <a href="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash" @click='logTagClickEvents("View Details","https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash")' target="_self"
20502                                        @keydown.space.prevent="$event.currentTarget.click()"
20503                                        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:">
20504                                        View Details
20505                                    </a>
20506                                </div>
20507                            </div>
20508                        </div>
20509                    </div>
20510                </div>
20511            </transition>
20512            <transition name="overlay-slide-left" @after-enter="srpOverlayAfterEnter($event)" @before-leave="srpOverlaySectionBeforeLeave($event)">
20513                <div class="overlay-active-section" v-if="overlayActiveSection && selectedVinForOverlay == 'JF2BUPAD7TY540024'"
20514                     tabindex="-1" role="dialog" aria-modal="true" :aria-label="overlayActiveSectionTitle"
20515                     @keydown.esc.prevent="navigateToDetailsOverlay()"
20516                     @keydown.tab="srpOverlayTrapFocus($event)">
20517                    <div class="d-flex align-items-center justify-content-between srp-overlay-close-sec">
20518                        <div class="d-flex align-items-center" style="gap: 20px;">
20519                            <em data-v-9364c830="" class="primaryicon-back-circle-arrow"
20520                            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>
20521                            <h3 class="mb-0">{{ overlayActiveSectionTitle }}</h3>
20522                        </div>
20523                        <div>
20524                            <em class="primaryicon-close-icon-gray"
20525                            tabindex="0" role="button" aria-label="Close" @click="navigateToDetailsOverlay()" @keydown.enter.space.prevent="navigateToDetailsOverlay()"><span class="path1"></span><span class="path2"></span></em>
20526                        </div>
20527                    </div>
20528                    <div class="mt-3 pt-4 overlay-section-links">
20529                        <skeleton-loader v-if="isLoadingOverlayDetails"></skeleton-loader>
20530                        <template v-if="!isLoadingOverlayDetails">
20531                            <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>
20532                            <share-options v-if="overlayActiveSection === 'share-options'" :vin="selectedVinForOverlay" vdp-url="https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash" vehicle-name="Used 202
205326 Subaru Outback Premium" :page-type-id="18" :style-id="478578" class="overlay-section-content"></share-options>
20533                            <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>
20534                        </template>
20535                    </div>
20536                </div>
20537            </transition>
20538        </template>
20539    </div>
20540</div>
20541<transact-button v-if="showTransactWidget" :vin="transactVin" call-from="srp" @closeexternaltransact="closeTransactWidget()"> </transact-button>
20542<evn-video-player-model v-if="showEvnModelPopup" :video-id="vinRealVideoId" @hidemodal="hideEvnVideoModel()"> </evn-video-player-model>
20543<sign-in-modal v-if="showSignInModal" @hideiframe="showSignInModal=false" :opensignin="showSignInModal"
20544                   :dealerurl="'https://www.dchsubaruthousandoaks.com/identitylogin'"></sign-in-modal>
20545<registration-modal> </registration-modal>
20546
20547    <unlock-price-discount-modal
20548      v-if="showUnlockDiscountModel"
20549      :vin="discountModelEventData.vin"
20550      :style-id="discountModelEventData.styleId"
20551      :vdp-account-id="discountModelEventData.vdpAccountId"
20552      :inventory-type="discountModelEventData.inventoryType"
20553      :unlock-data="unlockCtaDiscountEventDataByType"
20554      :discount-model-data="discountModelEventData"
20555      :final-adjustment-price="discountModelEventData.adjustmentPrice"
20556      @hidemodal="showUnlockDiscountModel = false"
20557      @loadpayments="loadPaymentsForUnlockDiscount"
20558    > </unlock-price-discount-modal>
20559
20560<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">
20561    <div class="custom_lead_forms">
20562        <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>
20563        <custom-lead-form :lead-type-id="Number(ctaCustomLeadFormId)" title=""
20564                          subheading="" heading="" :is-loading="true" :vin="ctaVin"></custom-lead-form>
20565    </div>
20566</b-modal>
20567<call-buttons v-if="showCTAModal" :display-close-btn="true" @hidemodal="showCTAModal = false" ></call-buttons>
20568<iframe-modal-auto v-if="showAutoCheckoutPopup" @hidemodal="showAutoCheckoutPopup = false" :url="autoCheckUrlValue"></iframe-modal-auto>
20569<cta-buttons-lead-form @onclose="openCTAButtonName=''"
20570                       :buttontype="openCTAButtonName" v-if="openCTAButtonName"></cta-buttons-lead-form>
20571
20572<inventory-listing-unlock-savings @hidemodal="opentheunlock=false"
20573                                  v-if="opentheunlock" :redirect="redirectUrl" :vin="unLockVin"></inventory-listing-unlock-savings>
20574
20575<pre-qualified-form-model :show-call-for-price-srp-used="'False' === 'True'" :show-call-for-price-srp-label-new="''"
20576                          :show-call-for-price-srp-label-used="''" :show-call-for-price-srp-new="'False' === 'True'"
20577                          msrplabel="KBB Price" :srp-dealer-id="dealerId" :price-unlock-enabled="isUnLockFormEnabled" :srp="true" :vin="ctaVin" :term="term" v-if="showSoftPullModel" @hidemodal="closeSoftPullModal()"></pre-qualified-form-model>
20578
20579<schedule-test-drive-form v-if="showMaseratiTestDrivePopup"
20580                          @hidemodal="showMaseratiTestDrivePopup = false" details='{"FirstName":" ","LastName":" ",
20581                              "EmailAddress":" ","PhoneNumber":" "}'></schedule-test-drive-form>
20582<loading-bar v-if="showLoading" />
20583
20584
20585
20586<script type="application/javascript">
20587    window.smartPathIntegrationInventory = '';
20588    window.isMaseratiGrecaleSRPPopUp = 'False'.toLowerCase() === "true";
20589    window.isMaseratiGranTurismoSRPPopUp='False'.toLowerCase() === "true";
20590    window.finalConditionalPriceLabel = '';
20591    window.genesisCPOBadgefromSRP = 'False'.toLowerCase() === "true";
20592</script>
20592
20593
20594
20595          </div>
20596          <div>
20597              <div class="mb-3 py-3 d-flex justify-content-end">
20598                
20599<div>
20600    <ul class="inventory-pagination pagination m-0">
20601
20602                <li class="page-item active">
20603                    <a  @Click="paginationClick(`page 1`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?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.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=1"
20604                       rel="">1</a>
20605                </li>
20606                <li class="page-item ">
20607                    <a  @Click="paginationClick(`page 2`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?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.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2"
20608                       rel="next">2</a>
20609                </li>
20610
20611            <li class="page-item">
20612                <a  @Click="paginationClick(`page 2`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?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.dchsubaruthousandoaks.com/inventory/used/subaru?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>
20613            </li>
20614            <li class="page-item">
20615                <a  @Click="paginationClick(`page 2`,`https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2`)"  class="page-link color-primary _text_color theme-text-color double-next-arrow" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&amp;instock=true&amp;intransit=true&amp;inproduction=true&amp;page=2" 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>
20616            </li>
20617
20618    </ul>
20619</div>
20620
20621                <button @click="scrollToTop()" class="btn bgcolor-primary text-white ml-3 back-to-top-btn">Back to Top</button>
20622              </div>
20623          </div>
20624               <div id="seo-text" class="my-4 ft-12 text-justify container"><div class="container p-3">
20625    <h2>Explore Quality Used Vehicles at DCH Subaru of Thousand Oaks</h2>
20626    <p>At DCH Subaru of Thousand Oaks, we pride ourselves on offering a diverse selection of high-quality used vehicles. Our pre-owned inventory includes a variety of makes and models, ensuring you'll find the perfect car, truck, or SUV to fit your needs and budget. Each vehicle in our used inventory undergoes a rigorous inspection process to ensure it meets our high standards for quality and reliability.</p>
20627    
20628    <p>In addition to our wide selection, we provide great deals through our <a href="/specials/preowned-specials">used car specials</a>. These offers are updated regularly, so be sure to check back often to take advantage of the latest savings. Whether you're looking for a reliable daily driver or a rugged adventure vehicle, we have something for everyone.</p>
20629    
20630    <h2>Convenient Financing and Trade-In Options</h2>
20631    <p>We aim to make the car-buying process as simple and hassle-free as possible. Start by browsing our inventory online and use our <a href="/getfinancing">online finance application</a> to get pre-approved for a loan. Our finance team is here to assist you with finding the best loan options that fit your financial situation.</p>
20632    
20633    <p>If you have a vehicle to trade in, you can easily <a href="/shopperwizard/mytradevalue">value your trade</a> with our online tool. We also offer the option to <a href="/sell-us-your-car">Sell Us Your Car</a>, providing a straightforward process to sell your vehicle at a competitive price. Upgrading to a quality used vehicle from DCH Subaru of Thousand Oaks has never been more convenient.</p>
20634</div>
20635</div>
20636          
20637            <div id="srp-disclaimer" class="disclaimer-text my-4 ft-12 text-ju
20637stify container" v-html="`Prices include $85 document processing charge, $58.25 emissions testing charge, and $37 electronic filing charge (not governmental fees). Plus, government fees and taxes, and any finance charges. Does not include optional accessories of $1,295 Clear Shield and $995 Forever Start Lifetime Battery.`">
20638			</div>
20639
20640
20641        </div>
20642      </div>
20643    </div>
20644  <videopopup-modal v-if="showVideoPopupModal" @hidemodal="showVideoPopupModal=false" :videourl="''" :videoctaname="''" :videoctalink="''"></videopopup-modal>
20645
20646  <text-modal v-if="showdisclaimermodal" @hidemodal="showdisclaimermodal=false" :text="disclaimertext" :title="'Disclosure'"></text-modal>
20647</div>
20648  
20648<script src="https://prod.cdn.secureoffersites.com/dist/p1144/vue3/js/inventory.js" defer></script>
20648
20649
20650<style>
20651  .display_hide {
20652    display: none !important;
20653  }
20654
20655  .display_show {
20656    display: block;
20657  }
20658</style>
20659
20660
20661<style>
20662	.cta__mycreditdrive_imgContainer img {
20663	  width: 75px !important;
20664	}
20665	.cta__mycreditdrive__modalLaunch_buttonLaunch {
20666	  display: flex !important;
20667	  justify-content: center !important;
20668	  min-height: auto !important;
20669	  border-radius: 0px !important;
20670	}
20671	.cta__mycreditdrive_titlecontainer {
20672	  display: flex !important;
20673	  flex-direction: column !important;
20674	  width: 100% !important;
20675	}
20676	.cta__mycreditdrive_titlecontainer h4,
20677	.cta__mycreditdrive_titlecontainer h6 {
20678	  text-align: left !important;
20679	  margin: 0 !important;
20680	  padding: 0 !important;
20681	}
20682</style>
20683
20684
20685      </div>
20686    </div>
20687
20688    <div class="website-gemini-footer w-100 Website_Gemini_header_Utility_Footer">
20689          <div id="main-footer">
20690            <pre-footer-container></pre-footer-container>
20691          <main-footer></main-footer>
20692          </div>
20693    </div>
20694
20695  </div>
20696  
20697  
20698    <style>
20699.payment-section .srp-msrp,
20700.payment-section .srp-msrp div,
20701.payment-section .srp-msrp span,
20702.align-text-gird.srp-msrp div:first-child,
20703.align-text-gird.srp-msrp span:first-child {
20704    color: #808080 !important;
20705    font-weight: normal !important;
20706    font-family: inherit !important;
20707    font-size: 16px !important; 
20708}
20709</style><!-- Begin KBB Instant Cash Offer Widget Code -->
20710<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&family=Open+Sans:wght@400;800&display=swap" rel="stylesheet" />
20711<style>.overflowy-hidden, .inventorynew-iframe {overflow:visible !important;}</style><interactive-banner-hydrator 
20712offer-code="w" 
20713dealer-id="72780467" 
20714installation-mode="popup" 
20715tab-list="vin-lp-ymm" 
20716slim-layout="true" 
20717theme="" 
20718z-index="2000" 
20719default-selected-tab="vin">
20720<interactive-banner />
20721</interactive-banner-hydrator>
20722<script async src="https://ui.awskbbico.kbb.com/ico-components-funnel/prod/ico-components-funnel/integration-scripts/interactive-banner.js"></script>
20722
20723<!-- End KBB Instant Cash Offer Widget Code -->
20724
20725  
20726
20727
20728
20729
20730
20731
20732
20733
20734
20735
20736
20737
20738
20739    
20739<script id="snapshot" type="text/javascript" src="https://snapshot.carfax.com/latest/snapshot.js"></script>
20739
20740
20741
20742
20743
20744
20745
20746
20747    
20747<script async type="text/javascript" src="https://button-server.lesautomotive.com/lesa_media_srp.js"></script>
20747
20748
20749
20750
20751
20752
20753
20754                        
20754<script async defer type='text/javascript' charset='utf-8'>
20755                        (function(w, d, s, o, f, js, fjs)
20756                        {
20757                          w['JS-Widget'] = o;
20758                          w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments) };
20759                          js = d.createElement(s),
20760                          ss = document.getElementsByTagName('script'),
20761                          fjs = ss[ss.length - 1];
20762                          js.id = o;
20763                          js.src = f;
20764                          js.async = 1;
20765                          fjs.parentNode.insertBefore(js, fjs);
20766                          })(window, document, 'script', 'tw', 'https://ygscdn.azureedge.net/CR/widget.js');
20767                          tw('init', null);
20768                          tw('trustmark', {
20769                          trustmarkNumber: 'FRQYYKPC',
20770                          type: 1,
20771                          containerClass: 'subaruImprezaconsumerreport-2026'
20772                             });
20773                            </script>
20773
20774                        
20775
20776                        
20776<script async defer type='text/javascript' charset='utf-8'>
20777                        (function(w, d, s, o, f, js, fjs)
20778                        {
20779                          w['JS-Widget'] = o;
20780                          w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments) };
20781                          js = d.createElement(s),
20782                          ss = document.getElementsByTagName('script'),
20783                          fjs = ss[ss.length - 1];
20784                          js.id = o;
20785                          js.src = f;
20786                          js.async = 1;
20787                          fjs.parentNode.insertBefore(js, fjs);
20788                          })(window, document, 'script', 'tw', 'https://ygscdn.azureedge.net/CR/widget.js');
20789                          tw('init', null);
20790                          tw('trustmark', {
20791                          trustmarkNumber: 'RBSLIJPN',
20792                          type: 5,
20793                          containerClass: 'subaruCrosstrekconsumerreport-2026'
20794                             });
20795                            </script>
20795
20796                        
20797
20798                        
20798<script async defer type='text/javascript' charset='utf-8'>
20799                        (function(w, d, s, o, f, js, fjs)
20800                        {
20801                          w['JS-Widget'] = o;
20802                          w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments) };
20803                          js = d.createElement(s),
20804                          ss = document.getElementsByTagName('script'),
20805                          fjs = ss[ss.length - 1];
20806                          js.id = o;
20807                          js.src = f;
20808                          js.async = 1;
20809                          fjs.parentNode.insertBefore(js, fjs);
20810                          })(window, document, 'script', 'tw', 'https://ygscdn.azureedge.net/CR/widget.js');
20811                          tw('init', null);
20812                          tw('trustmark', {
20813                          trustmarkNumber: 'BTXVOITN',
20814                          type: 5,
20815                          containerClass: 'subaruForesterconsumerreport-2026'
20816                             });
20817                            </script>
20817
20818                        
20819
20820                        
20820<script async defer type='text/javascript' charset='utf-8'>
20821                        (function(w, d, s, o, f, js, fjs)
20822                        {
20823                          w['JS-Widget'] = o;
20824                          w[o] = w[o] || function() { (w[o].q = w[o].q || []).push(arguments) };
20825                          js = d.createElement(s),
20826                          ss = document.getElementsByTagName('script'),
20827                          fjs = ss[ss.length - 1];
20828                          js.id = o;
20829                          js.src = f;
20830                          js.async = 1;
20831                          fjs.parentNode.insertBefore(js, fjs);
20832                          })(window, document, 'script', 'tw', 'https://ygscdn.azureedge.net/CR/widget.js');
20833                          tw('init', null);
20834                          tw('trustmark', {
20835                          trustmarkNumber: 'CDKMUMUD',
20836                          type: 1,
20837                          containerClass: 'subaruOutbackconsumerreport-2026'
20838                             });
20839                            </script>
20839
20840                        
20841
20842
20843
20844
20845
20846
20847
20848
20849
20850
20851
20852
20853
20854
20855
20856  
20857
20858<style>
20859    .social-icons a {
20860    border: 2px solid #d1d0d0;
20861    background: transparent !important;
20862    line-height: 30px !important;
20863    }
20864    .dnsmpi a {
20865        background-color: #fff;
20866        display: block;
20867        text-align: center;
20868        color: #000 !important;
20869        border-radius: 10px;
20870    }
20871</style>
20872
20873
20874
20875
20876
20877
20878
20879
20880
20881
20882
20883
20884
20885
20886    
20887
20888  
20888<script type="text/javascript">
20889(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 20889-20894
20889
20890  
20891
20892
20893
20894<script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
20894G-R86HMFVNVP
vendor: 12 bytes, line 20894
20894"></script>
20895<script>
20896  
vendor: 134 bytes, lines 20896-20900
20896window.dataLayer = window.dataLayer || [];
20897  function gtag(){dataLayer.push(arguments);}
20898  gtag('js', new Date());
20899
20900  gtag('config', '
20900G-R86HMFVNVP
vendor: 26 bytes, line 20900
20900', {groups: 'ascgroup'});
20901</script>
vendor: 104 bytes, lines 20901-20902
20901
20902        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
20902G-FQM9Z8NGT3
vendor: 20 bytes, lines 20902-20903
20902"></script>
20903        
20903<script type="text/javascript" class="">
20904   
vendor: 167 bytes, lines 20904-20908
20904window.dataLayer = window.dataLayer || [];
20905            function gtag() { dataLayer.push(arguments); }
20906            gtag('js', new Date());
20907
20908            gtag('config', '
20908G-FQM9Z8NGT3
vendor: 30 bytes, lines 20908-20909
20908', {groups: 'ascgroup'});
20909    
20909</script>
vendor: 104 bytes, lines 20909-20910
20909
20910        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
20910G-EJCLBYC80C
vendor: 20 bytes, lines 20910-20911
20910"></script>
20911        
20911<script type="text/javascript" class="">
20912   
vendor: 167 bytes, lines 20912-20916
20912window.dataLayer = window.dataLayer || [];
20913            function gtag() { dataLayer.push(arguments); }
20914            gtag('js', new Date());
20915
20916            gtag('config', '
20916G-EJCLBYC80C
vendor: 30 bytes, lines 20916-20917
20916', {groups: 'ascgroup'});
20917    
20917</script>
vendor: 104 bytes, lines 20917-20918
20917
20918        <script type="text/javascript" class="" async src="https://www.googletagmanager.com/gtag/js?id=
20918G-Q247LK0VHF
vendor: 20 bytes, lines 20918-20919
20918"></script>
20919        
20919<script type="text/javascript" class="">
20920        
vendor: 155 bytes, lines 20920-20924
20920window.dataLayer = window.dataLayer || [];
20921        function gtag() { dataLayer.push(arguments); }
20922        gtag('js', new Date());
20923
20924        gtag('config', '
20924G-Q247LK0VHF
vendor: 32 bytes, lines 20924-20925
20924', { groups: 'ascgroup' });
20925    
20925</script>
20925
20926
20927<script>
20928(function(d, s, id) {
20929  var js, cnjs = d.getElementsByTagName('head')[0];
20930  if (d.getElementById(id)) return;
20931  js = d.createElement(s); js.id = id;
20932  js.src = "//app.carnow.com/dealers/carnow_plugin.js?key=rJ1jLIwhJt3wpxfBF4o0o871I07kk86pGkIyLBw26BDbfdpd";
20933  cnjs.appendChild(js, cnjs);
20934  js.onload = function () { CarNowPlugin.init(); }
20935}(document, 'script', 'com-carnow-plugin'));
20936</script>
20936<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 : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 175, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 125, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script>
20936<!-- Foureyes Script -->
20937    
20937<script type="text/javascript" async src="//scripts.foureyes.io/fe-init.js"></script>
20937<link rel="alternate" hreflang="en" href="https://www.dchsubaruthousandoaks.com">
20938<link rel="alternate" hreflang="es" href="https://es.dchsubaruthousandoaks.com">
20939<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
vendor: 1 bytes, line 20939
20939
20940<script>
20941    Weglot.initialize({
20942        api_key: 'wg_6c14b2d8e6b6219145c2aeb6f03df70a6'
20943    });
20944</script>
20944
20945<style>
20946  body > .weglot-container.wg-default {
20947    display: none !important;
20948  }
20949</style><!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 20949
20949 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
20949GTM-N4SJMCDR
vendor: 83 bytes, line 20949
20949" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
20949<!-- End Google Tag Manager (noscript) --><!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 20949-20950
20949
20950<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
20950GTM-NVCJLK8
vendor: 83 bytes, lines 20950-20951
20950"
20951height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
20952<!-- End Google Tag Manager (noscript) -->
20952<script>
20953document.addEventListener("DOMContentLoaded", function() {
20954  // Find all possible footer link containers
20955  const footerContainers = document.querySelectorAll('.d-flex.align-items-center');
20956
20957  footerContainers.forEach(container => {
20958    // Skip if the container already has the CA Privacy Policy link
20959    const alreadyHasLink = Array.from(container.querySelectorAll('a')).some(a =>
20960      a.textContent.trim().toLowerCase() === 'ca privacy policy'
20961    );
20962    if (alreadyHasLink) return;
20963
20964    // Find the Privacy Policy link
20965    const privacyLink = Array.from(container.querySelectorAll('a')).find(a =>
20966      a.textContent.trim().toLowerCase() === 'privacy policy'
20967    );
20968
20969    if (privacyLink) {
20970      // Create the CA Privacy Policy link
20971      const caPrivacyLink = document.createElement('a');
20972      caPrivacyLink.href = '/california-privacy-policy';
20973      caPrivacyLink.textContent = 'California Privacy Notice';
20974      caPrivacyLink.className = 'mr-2 text-underline color-secondary';
20975      privacyLink.insertAdjacentElement('afterend', caPrivacyLink);
20976    }
20977  });
20978});
20979</script>
vendor: 1 bytes, line 20979
20979
20980<script>
20981(function() {
20982  // Check if banner should be displayed (expires January 2, 2026)
20983  var expirationDate = new Date('2026-01-02T23:59:59');
20984  var currentDate = new Date();
20985  
20986  if (currentDate > expirationDate) {
20987    // Banner has expired, don't show it
20988    return;
20989  }
20990
20991  // Wait for DOM to be ready
20992  if (document.readyState === 'loading') {
20993    document.addEventListener('DOMContentLoaded', init);
20994  } else {
20995    init();
20996  }
20997
20998  function init() {
20999    // 1. Find the footer element
21000    var footer =
21001      document.querySelector('footer') ||
21002      document.querySelector('.h-footer-outer') ||
21003      document.querySelector('.footer') ||
21004      document.querySelector('.site-footer') ||
21005      document.querySelector('[class*="footer"]');
21006
21007    if (!footer) {
21008      console.warn('Footer not found - charity banner not inserted');
21009      return;
21010    }
21011
21012    // 2. Avoid duplicates
21013    if (document.getElementById('global-charity-banner')) {
21014      return;
21015    }
21016
21017    // 3. Create the banner
21018    var banner = document.createElement('div');
21019    banner.id = 'global-charity-banner';
21020
21021    // 4. Apply inline styles
21022    banner.style.cssText = 
21023      'background-color: #1971D4;' +
21024      'color: #ffffff;' +
21025      'text-align: center;' +
21026      'font-size: 14px;' +
21027      'font-weight: 600;' +
21028      'padding: 12px 20px;' +
21029      'line-height: 1.5;' +
21030      'box-sizing: border-box;' +
21031      'width: 100%;' +
21032      'margin: 0;';
21033
21034    // 5. Set the message
21035    banner.textContent = 
21036      'Get a great vehicle and support a great cause. With every new Subaru purchased or leased, Subaru will donate $250 to your choice of charities. DCH Subaru of Thousand Oaks will also donate an additional $250 to Lucy Pet Foundation & Sleep In Heavenly Peace here in our community for each new sold or leased vehicle. November 20 through January 2.';
21037
21038    // 6. Insert before footer
21039    footer.parentNode.insertBefore(banner, footer);
21040  }
21041})();
21042</script>
21042<!-- Required Libraries (if not already included on your page) -->
21043<script src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
vendor: 1 bytes, line 21043
21043
21044<script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
vendor: 1 bytes, line 21044
21044
21045<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
21045
21046<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
21047<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
21048
21049<!-- Explore by Model Component Script -->
21050<script type="text/babel">
21051    function ExploreByModel() {
21052      const [activeCategory, setActiveCategory] = React.useState('suv');
21053      const [currentPage, setCurrentPage] = React.useState(0);
21054      const [isVisible, setIsVisible] = React.useState(false);
21055
21056      const categories = [
21057        { id: 'coupe', label: 'Coupe' },
21058        { id: 'sedan', label: 'Sedan' },
21059        { id: 'suv', label: 'SUV' },
21060        { id: 'ev', label: 'EV' },
21061        { id: 'wilderness', label: 'Wilderness' }
21062      ];
21063
21064      const models = {
21065        coupe: [
21066          { 
21067            name: 'BRZ', 
21068            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685406', 
21069            link: '/inventory/new/subaru/brz' 
21070          }
21071        ],
21072        sedan: [
21073          { 
21074            name: 'Impreza', 
21075            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685405', 
21076            link: '/inventory/new/subaru/impreza' 
21077          },
21078          { 
21079            name: 'Legacy', 
21080            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685404', 
21081            link: '/inventory/new/subaru/legacy' 
21082          },
21083          { 
21084            name: 'WRX', 
21085            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685402', 
21086            link: '/inventory/new/subaru/wrx' 
21087          }
21088        ],
21089        suv: [
21090          { 
21091            name: 'Ascent', 
21092            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685401', 
21093            link: '/inventory/new/subaru/ascent' 
21094          },
21095          { 
21096            name: 'Crosstrek', 
21097            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685403', 
21098            link: '/inventory/new/subaru/crosstrek' 
21099          },
21100          { 
21101            name: 'Forester', 
21102            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685400', 
21103            link: '/inventory/new/subaru/forester' 
21104          },
21105          { 
21106            name: 'Outback', 
21107            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685399', 
21108            link: '/inventory/new/subaru/outback' 
21109          },
21110          { 
21111            name: 'Solterra', 
21112            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685407', 
21113            link: '/inventory/new/subaru/solterra' 
21114          }
21115        ],
21116        ev: [
21117          { 
21118            name: 'Solterra', 
21119            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685407', 
21120            link: '/inventory/new/subaru/solterra' 
21121          }
21122        ],
21123        wilderness: [
21124          { 
21125            name: 'Crosstrek Wilderness', 
21126            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685398', 
21127            link: '/inventory/new/subaru/crosstrek?trim=wilderness' 
21128          },
21129          { 
21130            name: 'Forester Wilderness', 
21131            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685397', 
21132            link: '/inventory/new/subaru/forester?trim=wilderness' 
21133          },
21134          { 
21135            name: 'Outback Wilderness', 
21136            image: 'https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=685396', 
21137            link: '/inventory/new/subaru/outback?trim=wilderness' 
21138          }
21139        ]
21140      };
21141
21142      const itemsPerPage = {
21143        mobile: 1,
21144        desktop: 3
21145      };
21146
21147      const [isMobile, setIsMobile] = React.useState(window.innerWidth < 768);
21148
21149      // Intersection Observer for lazy loading
21150      React.useEffect(() => {
21151        const observer = new IntersectionObserver(
21152          (entries) => {
21153            entries.forEach((entry) => {
21154              if (entry.isIntersecting) {
21155                setIsVisible(true);
21156                observer.disconnect();
21157              }
21158            });
21159          },
21160          { rootMargin: '100px' }
21161        );
21162
21163        const element = document.getElementById('explore-by-model');
21164        if (element) {
21165          observer.observe(element);
21166        }
21167
21168        return () => observer.disconnect();
21169      }, []);
21170
21171      React.useEffect(() => {
21172        const handleResize = () => {
21173          setIsMobile(window.innerWidth < 768);
21174        };
21175        window.addEventListener('resize', handleResize);
21176        return () => window.removeEventListener('resize', handleResize);
21177      }, []);
21178
21179      React.useEffect(() => {
21180        setCurrentPage(0);
21181      }, [activeCategory]);
21182
21183      const handleCategoryClick = (categoryId) => {
21184        setActiveCategory(categoryId);
21185      };
21186
21187      const currentModels = models[activeCategory];
21188      const perPage = isMobile ? itemsPerPage.mobile : itemsPerPage.desktop;
21189      const totalPages = Math.ceil(currentModels.length / perPage);
21190      const startIndex = currentPage * perPage;
21191      const endIndex = startIndex + perPage;
21192      const displayedModels = currentModels.slice(startIndex, endIndex);
21193
21194      const goToNextPage = () => {
21195        if (currentPage < totalPages - 1) {
21196          setCurrentPage(currentPage + 1);
21197        }
21198      };
21199
21200      const goToPrevPage = () => {
21201        if (currentPage > 0) {
21202          setCurrentPage(currentPage - 1);
21203        }
21204      };
21205
21206      const goToPage = (pageIndex) => {
21207        setCurrentPage(pageIndex);
21208      };
21209
21210      if (!isVisible) {
21211        return React.createElement('div', { style: { minHeight: '600px' } });
21212      }
21213
21214      return (
21215        <div className="w-full bg-white py-12 px-4">
21216          <div className="max-w-7xl mx-auto">
21217            <h2 className="text-4xl font-bold text-center mb-8 text-gray-900">
21218              Explore by Model
21219            </h2>
21220
21221            <div className="flex justify-center mb-12">
21222              <div className="inline-flex bg-gray-100 rounded-lg p-1 gap-2 flex-wrap">
21223                {categories.map((category) => (
21224                  <button
21225                    key={category.id}
21226                    onClick={() => handleCategoryClick(category.id)}
21227                    className={`px-6 md:px-8 py-3 rounded-lg font-semibold transition-all text-sm md:text-base ${
21228                      activeCategory === category.id
21229                        ? 'bg-blue-600 text-white shadow-md'
21230                        : 'bg-transparent text-gray-700 hover:bg-gray-200'
21231                    }`}
21232                  >
21233                    {category.label}
21234                  </button>
21235                ))}
21236              </div>
21237            </div>
21238
21239            <div className="relative">
21240              {totalPages > 1 && (
21241                <button
21242                  onClick={goToPrevPage}
21243                  disabled={currentPage === 0}
21244                  className={`absolute left-0 top-1/2 transform -translate-y-1/2 -translate-x-4 md:-translate-x-12 z-10 bg-white rounded-full shadow-lg p-3 md:p-4 ${
21245                    currentPage === 0
21246                      ? 'opacity-30 cursor-not-allowed'
21247                      : 'hover:bg-gray-100 cursor-pointer'
21248                  }`}
21249                >
21250                  <i className="fas fa-chevron-left text-gray-700 text-xl"></i>
21251                </button>
21252              )}
21253
21254              <div className="grid grid-cols-1 md:grid-cols-3 gap-6" style={{ minHeight: '400px' }}>
21255                {displayedModels.map((model, index) => (
21256                  <a
21257                    key={index}
21258                    href={model.link}
21259                    className="group bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300 flex flex-col"
21260                  >
21261                    <div className="relative w-full overflow-hidden" style={{ height: '256px' }}>
21262                      <img
21263                        src={model.image}
21264                        alt={model.name}
21265                        loading="lazy"
21266                        className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
21267                      />
21268                    </div>
21269                    
21270                    <div className="p-6 text-center mt-auto border-t border-gray-100">
21271                      <h3 className="text-xl font-bold text-gray-900 group-hover:text-blue-600 transition-colors">
21272                        {model.name}
21273                      </h3>
21274                      <p className="text-blue-600 mt-2 font-semibold">
21275                        View Inventory <i className="fas fa-arrow-right ml-1"></i>
21276                      </p>
21277                    </div>
21278                  </a>
21279                ))}
21280              </div>
21281
21282              {totalPages > 1 && (
21283                <button
21284                  onClick={goToNextPage}
21285                  disabled={currentPage === totalPages - 1}
21286                  className={`absolute right-0 top-1/2 transform -translate-y-1/2 translate-x-4 md:translate-x-12 z-10 bg-white rounded-full shadow-lg p-3 md:p-4 ${
21287                    currentPage === totalPages - 1
21288                      ? 'opacity-30 cursor-not-allowed'
21289                      : 'hover:bg-gray-100 cursor-pointer'
21290                  }`}
21291                >
21292                  <i className="fas fa-chevron-right text-gray-700 text-xl"></i>
21293                </button>
21294              )}
21295            </div>
21296
21297            {totalPages > 1 && (
21298              <div className="flex justify-center mt-8 gap-2">
21299                {Array.from({ length: totalPages }).map((_, index) => (
21300                  <button
21301                    key={index}
21302                    onClick={() => goToPage(index)}
21303                    className={`w-3 h-3 rounded-full transition-all ${
21304                      currentPage === index
21305                        ? 'bg-blue-600 w-8'
21306                        : 'bg-gray-300 hover:bg-gray-400'
21307                    }`}
21308                    aria-label={`Go to page ${index + 1}`}
21309                  />
21310                ))}
21311              </div>
21312            )}
21313          </div>
21314        </div>
21315      );
21316    }
21317
21318    ReactDOM.render(React.createElement(ExploreByModel), document.getElementById('explore-by-model'));
21319</script>
21319<script src="https://push.lithia.io/v1/loader.js" data-lad-site="CATHOSUB" defer></script>
21319<!-- Facebook Pixel Code -->
21319<script>
vendor: 390 bytes, line 21319
21319!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '
21319302032081561822
vendor: 28 bytes, line 21319
21319');fbq('track', 'PageView');
21319</script>
21319<noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=302032081561822&ev=PageView&noscript=1"/></noscript><!-- End Facebook Pixel Code -->
21320  
21320<script>
21321        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) };
21322  </script>
21322
21323
21324
21325
21326
21327<script>
21328     var isPageLanding = 'false' === 'true';
21329     var pageControlName = 'inventory';
21330     var isVue3Page = 'True' === 'True';
21331     var PageId = '88629';
21332</script>
21332
21333    
21333<script>
21334         var isTransparentMenu = 'false' === 'true';
21335    </script>
21335
21336
21337
21338
21339      
21339<script> (function (d, s, id) {
21340    var js, cnjs = d.getElementsByTagName('head')[0];
21341    if (d.getElementById(id)) return;
21342    js = d.createElement(s);
21343    js.id = id;
21344    js.src = "//app.carnow.com/dealers/carnow_plugin.js?key=rJ1jLIwhJt3wpxfBF4o0o871I07kk86pGkIyLBw26BDbfdpd";
21345    cnjs.appendChild(js, cnjs);
21346    js.onload = function () {
21347        CarNowPlugin.init();
21348    }
21349    }(document, 'script', 'com-carnow-plugin')); </script>
21349
21350    
21350<script defer>
21351   (function (d, s, id) {
21352      var js, cnjs = d.getElementsByTagName('head')[0];
21353      if (d.getElementById(id)) return;
21354      js = d.createElement(s);
21355      js.id = id;
21356      js.src = "//app.carnow.com/dealers/carnow_plugin.js?key=rJ1jLIwhJt3wpxfBF4o0o871I07kk86pGkIyLBw26BDbfdpd";
21357      cnjs.appendChild(js, cnjs);
21358
21359      var delayTime = 5000;
21360
21361      setTimeout(() => {
21362        js.onload = function () {
21363         CarNowPlugin.init();
21364         if (document.getElementsByClassName("cn-button-container")) {
21365            for (var i = 0; i < document.getElementsByClassName("cn-button-container").length; i++) {
21366               document.getElementsByClassName("cn-button-container")[i].addEventListener('click', function (event) {
21367                  event.preventDefault();
21368                  return false;
21369               });
21370            }
21371          }
21372        }
21373      }, delayTime);
21374    }(document, 'script', 'com-carnow-plugin'));
21375   </script>
21375
21376
21377  
21377<script>
21378        function googleTranslateElementInit() {
21379            new google.translate.TranslateElement({
21380                pageLanguage: 'en', includedLanguages: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE
21381            },
21382                'google_translate_element');
21383        }
21384  </script>
21384
21385  
21385<script>
21386        function removeiFrames() {
21387            googleBingCustomEvent("form", "close", "vep_lightbox", 1, "event");
21388            window.parent.postMessage({ 'func': 'closePopup', 'message': 'Message text from iframe.' }, "*");
21389        }
21390  </script>
21390
21391
21392
21393    <link href="https://prod.cdn.secureoffersites.com/dist/p1144/css/themes/Subaru/styles.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'" />
21394    <noscript><link rel="stylesheet" href="https://prod.cdn.secureoffersites.com/dist/p1144/css/themes/Subaru/styles.css"></noscript>
21395
21396
21397
21398  <!--remove white space for show room page -->
21399
21400
21401
21402
21403<style>
21404
21405  #_website_gemini .header-social-icons a{
21406      font-size: 12px !important;
21407      display: inline-block;
21408      text-align: center;
21409      padding: 4px;
21410      border-radius: 50%;
21411      margin-right: 2px;
21412      width: 30px !important;
21413      height: 30px !important;
21414      line-height: 20px !important;
21415      color: #1971d4 !important;
21416      background: #fff !important;
21417      border: 2px solid #EDEDED !important;
21418    }
21419
21420    .mobile-sidemenu .mobile-submenu {
21421      background-color: #fff !important;
21422      
21423    }
21424
21425    .mobile-sidemenu .mobile-submenu .submenu-list-item .submenu-item {
21426      color: #484545 !important;
21427    }
21428    
21429  </style>
21430
21431
21432
21433
21434
21435
21436
21437  <style>
21438
21439    :root {
21440        --primary-theme-color: #1971d4;
21441        --main-menu-font-color: #fff;
21442        --sub-menu-font-color: #05141f;
21443    }
21444  </style>
21445
21446
21447
21448  <style>
21449        :host(cs-buy-widget) .buy-button {
21450            width: 100%;
21451        }
21452         #_website_gemini  .gemini_header ._custom_menu_color  a > span {
21453                            color:  !important;
21454                        }
21455
21456        .translated-ltr body {
21457              top: 0 !important;
21458          }
21459  </style>
21460
21461  <!-- Hiding header & footer tag if checkbox is enabled-->
21462
21463
21464  <style>
21465  @media (max-width: 900px) {
21466    .vehicle-specials-banner {
21467      background-color: #fff;
21468    }
21469  }
21470  </style>
21471
21472  
21473
21474    
21475
21476
21477
21478
21479
21480
21481
21482
21483            <link href="https://prod.cdn.secureoffersites.com/dist/p1144/css/fontawesome.css" rel="stylesheet" />
21484      <noscript>
21485                <link href="https://prod.cdn.secureoffersites.com/dist/p1144/css/fontawesome.css" rel="stylesheet" />
21486      </noscript>
21487    
21488
21489
21490
21491    
21492
21493
21494
21495    
21495<script>
21496    (function(i,n,v,o,c,a) { i.InvocaTagId = o; var s = n.createElement('script'); s.type = 'text/javascript'; s.async = true; s.setAttribute('data-invoca-tag-id', o); s.src = ('https:' === n.location.protocol ? 'https://' : 'http://' ) + v; var fs = n.getElementsByTagName('script')[0]; fs.parentNode.insertBefore(s, fs); })(window, document, 'www.dchsubaruthousandoaks.com/invoca/invoca.js', '2199/2538470350');
21497    </script>
21497
21498
21499 
21499<script>/*Copyright 2011-2015 iPerceptions, Inc. All rights reserved. Do not distribute.iPerceptions provides this code 'as is' without warranty of any kind, either express or implied. */ window.iperceptionskey = 'c081fa68-5c29-4e56-8f12-23689db9ac7a';(function () { var a = document.createElement('script'),b = document.getElementsByTagName('body')[0]; a.type = 'text/javascript'; a.async = true;a.src = '//universal.iperceptions.com/wrapper.js';b.appendChild(a);})();</script>
21499
21500
21501
21502
21503<style>
21504  :root{
21505    --website-primary-theme-color: #1971d4;
21506  }
21507</style>
21508
21509
21510
21511
21512
21513        
21513<script type="application/ld&#x2B;json">
21514            {
21515  "@context": "https://schema.org",
21516  "@type": "CollectionPage",
21517  "@id": "https://www.dchsubaruthousandoaks.com/inventory/used/subaru#collectionpage",
21518  "url": "https://www.dchsubaruthousandoaks.com/inventory/used/subaru",
21519  "name": "Used Subaru for Sale in Thousand Oaks, CA | DCH Subaru of Thousand Oaks",
21520  "description": "Browse 40 total used Subaru  vehicles for sale at DCH Subaru of Thousand Oaks in Thousand Oaks, CA. View prices, photos, mileage, features, and availability for matching vehicles.",
21521  "mainEntity": {
21522    "@id": "https://www.dchsubaruthousandoaks.com/inventory/used/subaru#inventory-list"
21523  }
21524}
21525        </script>
21525
21526        
21526<script type="application/ld&#x2B;json">
21527            {
21528  "@context": "https://schema.org",
21529  "@type": "ItemList",
21530  "@id": "https://www.dchsubaruthousandoaks.com/inventory/used/subaru#inventory-list",
21531  "numberOfItems": 40,
21532  "itemListElement": [
21533    {
21534      "@type": "ListItem",
21535      "position": 1,
21536      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility",
21537      "item": {
21538        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility#vehicle"
21539      }
21540    },
21541    {
21542      "@type": "ListItem",
21543      "position": 2,
21544      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility",
21545      "item": {
21546        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility#vehicle"
21547      }
21548    },
21549    {
21550      "@type": "ListItem",
21551      "position": 3,
21552      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility",
21553      "item": {
21554        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility#vehicle"
21555      }
21556    },
21557    {
21558      "@type": "ListItem",
21559      "position": 4,
21560      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility",
21561      "item": {
21562        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility#vehicle"
21563      }
21564    },
21565    {
21566      "@type": "ListItem",
21567      "position": 5,
21568      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car",
21569      "item": {
21570        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car#vehicle"
21571      }
21572    },
21573    {
21574      "@type": "ListItem",
21575      "position": 6,
21576      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car",
21577      "item": {
21578        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car#vehicle"
21579      }
21580    },
21581    {
21582      "@type": "ListItem",
21583      "position": 7,
21584      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility",
21585      "item": {
21586        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility#vehicle"
21587      }
21588    },
21589    {
21590      "@type": "ListItem",
21591      "position": 8,
21592      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility",
21593      "item": {
21594        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility#vehicle"
21595      }
21596    },
21597    {
21598      "@type": "ListItem",
21599      "position": 9,
21600      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility",
21601      "item": {
21602        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility#vehicle"
21603      }
21604    },
21605    {
21606      "@type": "ListItem",
21607      "position": 10,
21608      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility",
21609      "item": {
21610        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility#vehicle"
21611      }
21612    },
21613    {
21614      "@type": "ListItem",
21615      "position": 11,
21616      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility",
21617      "item": {
21618        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility#vehicle"
21619      }
21620    },
21621    {
21622      "@type": "ListItem",
21623      "position": 12,
21624      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility",
21625      "item": {
21626        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility#vehicle"
21627      }
21628    },
21629    {
21630      "@type": "ListItem",
21631      "position": 13,
21632      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility",
21633      "item": {
21634        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility#vehicle"
21635      }
21636    },
21637    {
21638      "@type": "ListItem",
21639      "position": 14,
21640      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car",
21641      "item": {
21642        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car#vehicle"
21643      }
21644    },
21645    {
21646      "@type": "ListItem",
21647      "position": 15,
21648      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility",
21649      "item": {
21650        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility#vehicle"
21651      }
21652    },
21653    {
21654      "@type": "ListItem",
21655      "position": 16,
21656      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility",
21657      "item": {
21658        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility#vehicle"
21659      }
21660    },
21661    {
21662      "@type": "ListItem",
21663      "position": 17,
21664      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car",
21665      "item": {
21666        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car#vehicle"
21667      }
21668    },
21669    {
21670      "@type": "ListItem",
21671      "position": 18,
21672      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility",
21673      "item": {
21674        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility#vehicle"
21675      }
21676    },
21677    {
21678      "@type": "ListItem",
21679      "position": 19,
21680      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility",
21681      "item": {
21682        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility#vehicle"
21683      }
21684    },
21685    {
21686      "@type": "ListItem",
21687      "position": 20,
21688      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
21688/2026-subaru-crosstrek-sport-utility",
21689      "item": {
21690        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility#vehicle"
21691      }
21692    },
21693    {
21694      "@type": "ListItem",
21695      "position": 21,
21696      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility",
21697      "item": {
21698        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility#vehicle"
21699      }
21700    },
21701    {
21702      "@type": "ListItem",
21703      "position": 22,
21704      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility",
21705      "item": {
21706        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility#vehicle"
21707      }
21708    },
21709    {
21710      "@type": "ListItem",
21711      "position": 23,
21712      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility",
21713      "item": {
21714        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility#vehicle"
21715      }
21716    },
21717    {
21718      "@type": "ListItem",
21719      "position": 24,
21720      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility",
21721      "item": {
21722        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility#vehicle"
21723      }
21724    },
21725    {
21726      "@type": "ListItem",
21727      "position": 25,
21728      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car",
21729      "item": {
21730        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car#vehicle"
21731      }
21732    },
21733    {
21734      "@type": "ListItem",
21735      "position": 26,
21736      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility",
21737      "item": {
21738        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility#vehicle"
21739      }
21740    },
21741    {
21742      "@type": "ListItem",
21743      "position": 27,
21744      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility",
21745      "item": {
21746        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility#vehicle"
21747      }
21748    },
21749    {
21750      "@type": "ListItem",
21751      "position": 28,
21752      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility",
21753      "item": {
21754        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility#vehicle"
21755      }
21756    },
21757    {
21758      "@type": "ListItem",
21759      "position": 29,
21760      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility",
21761      "item": {
21762        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility#vehicle"
21763      }
21764    },
21765    {
21766      "@type": "ListItem",
21767      "position": 30,
21768      "url": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility",
21769      "item": {
21770        "@id": "https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility#vehicle"
21771      }
21772    }
21773  ]
21774}
21775        </script>
21775
21776
21777<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"211066263", 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>
21777</body>
21778</html>
21779

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.