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 = '<p><em>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; 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 <a href="https://www.lithia.com/lithia-privacy.htm">Privacy Policy</a>.</em></p>'; 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&Width=0&Height=0&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 = '<!-- Global site tag (gtag.js) - Google Ads: 376385097 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-376385097"></script>
<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', 'AW-376385097');
</script>'; 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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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+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 & Parts Specials`,'',`https://www.dchsubaruthousandoaks.com/specials/service-specials`)" >Service & 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ñol`,'',`https://www.dchsubaruthousandoaks.com/concesionario_automoviles_habla_espanol`)" >Españ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+Subaru+of+Thousand+Oaks&utm_source=store+site" target="_blank" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Employment`,'',`https://careers.lithiadriveway.com/opportunities?stores=DCH+Subaru+of+Thousand+Oaks&utm_source=store+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&utm_campaign=lithia&utm_content=footer" target="_blank" class="no-hover ft-14 footer-submenu color-secondary" @click="onFooterNavigationClick(`Buy, Sell, Service Cars Online – Driveway.com`,'',`https://www.driveway.com/?utm_medium=referral&utm_campaign=lithia&utm_content=footer`)">Buy, Sell, Service Cars Online – 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> 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&Width=0&Height=0&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 & Hybrid` })' 3448 @mouseover='onMouseOver(529871, `Electric & Hybrid`)' :class='isEvVehicleText(`Electric & Hybrid`)' > 3449 <span :class='{"hybrid-menu":isEvVehicleText(`Electric & Hybrid`),"text-underline":529871==tempMenuId && showContactForm}' >Electric & 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 & Parts` })' 3500 @mouseover='onMouseOver(554385, `Service & Parts`)' :class='isEvVehicleText(`Service & Parts`)' >
3501 <span :class='{"hybrid-menu":isEvVehicleText(`Service & Parts`),"text-underline":554385==tempMenuId && showContactForm}' >Service & 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&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&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 & 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&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&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 & 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 & 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 & 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+Subaru+of+Thousand+Oaks&utm_source=store+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 & 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> 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> <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="{"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}" ></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&instock=true&intransit=true&inproduction=true&page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $event)" 4630 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $event)" 4638 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $event)" 4652 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $event)" 4662 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SJAGC0FH594712","year":"2015","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":0,"vehicleDetailsSrp":0.00,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2sjagc0fh594712/2015-subaru-forester-sport-utility?type=cash","stockNumber":"FH594712A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":15133.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 4869 </div> 4870 4871 <div> 4872 4873 <vehicle-badges model="Forester" 4874 :current="'srp'" 4875 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $event)" 5159 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $event)" 5167 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $event)" 5181 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $event)" 5191 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BSETC2H3393835","year":"2017","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":252.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4bsetc2h3393835/2017-subaru-outback-sport-utility?type=cash","stockNumber":"H3393835A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":19140.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 5399 </div> 5400 5401 <div> 5402 5403 <vehicle-badges model="Outback" 5404 :current="'srp'" 5405 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $event)" 5689 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $event)" 5697 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $event)" 5711 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $event)" 5721 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTAPC7M8324860","year":"2021","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":278.23,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gtapc7m8324860/2021-subaru-crosstrek-sport-utility?type=cash","stockNumber":"M8324860P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":21125.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 5929 </div> 5930 5931 <div> 5932 5933 <vehicle-badges model="Crosstrek" 5934 :current="'srp'" 5935 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $event)" 6219 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $event)" 6227 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $event)" 6241 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $event)" 6251 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC3L3140778","year":"2020","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":291.38,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btacc3l3140778/2020-subaru-outback-sport-utility?type=cash","stockNumber":"L3140778A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":22127.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 6459 </div> 6460 6461 <div> 6462 6463 <vehicle-badges model="Outback" 6464 :current="'srp'" 6465 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $event)" 6755 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $event)" 6763 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $event)" 6777 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $event)" 6787 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC5S8271422","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":311.64,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1guabc5s8271422/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8271422A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":23942.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 6994 </div> 6995 6996 <div> 6997 6998 <vehicle-badges model="Impreza" 6999 :current="'srp'" 7000 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $event)" 7287 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $event)" 7295 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $event)" 7309 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $event)" 7319 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUABC3S8263853","year":"2025","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":316.78,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guabc3s8263853/2025-subaru-impreza-4dr-car?type=cash","stockNumber":"S8263853A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":24059.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 7526 </div> 7527 7528 <div> 7529 7530 <vehicle-badges model="Impreza" 7531 :current="'srp'" 7532 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $event)" 7822 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $event)" 7830 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $event)" 7844 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $event)" 7854 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTACC5R3126387","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":314.04,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btacc5r3126387/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3126387A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":24127.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 8062 </div> 8063 8064 <div> 8065 8066 <vehicle-badges model="Outback" 8067 :current="'srp'" 8068 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $event)" 8355 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $event)" 8363 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $event)" 8377 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $event)" 8387 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHSC2PH245813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":325.75,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthsc2ph245813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PF245813A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":24742.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 8595 </div> 8596 8597 <div> 8598 8599 <vehicle-badges model="Crosstrek" 8600 :current="'srp'" 8601 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $event)" 8891 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $event)" 8899 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $event)" 8913 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $event)" 8923 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKABC6RH462675","year":"2024","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":326.03,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skabc6rh462675/2024-subaru-forester-sport-utility?type=cash","stockNumber":"RH462675A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":25049.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 9131 </div> 9132 9133 <div> 9134 9135 <vehicle-badges model="Forester" 9136 :current="'srp'" 9137 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $event)" 9430 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $event)" 9438 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $event)" 9452 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $event)" 9462 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTADC1S3115309","year":"2025","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":335.59,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4btadc1s3115309/2025-subaru-outback-sport-utility?type=cash","stockNumber":"S3115309A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":25786.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 9670 </div> 9671 9672 <div> 9673 9674 <vehicle-badges model="Outback" 9675 :current="'srp'" 9676 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $event)" 9969 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $event)" 9977 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $event)" 9991 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $event)" 10001 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF6XR3738991","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":336.44,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf6xr3738991/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3738991P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":25851.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 10209 </div> 10210 10211 <div> 10212 10213 <vehicle-badges model="Crosstrek" 10214 :current="'srp'" 10215 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $event)" 10508 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $event)" 10516 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $event)" 10530 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $event)" 10540 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHMC3P8205737","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":337.90,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2gthmc3p8205737/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"P8205737A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":25963.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 10748 </div> 10749 10750 <div> 10751 10752 <vehicle-badges model="Crosstrek" 10753 :current="'srp'" 10754 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $event)" 11041 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $event)" 11049 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $event)" 11063 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $event)" 11073 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2GTHRC6PH243813","year":"2023","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":342.65,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2gthrc6ph243813/2023-subaru-crosstrek-sport-utility?type=cash","stockNumber":"PH243813A","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":26028.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 11280 </div> 11281 11282 <div> 11283 11284 <vehicle-badges model="Crosstrek" 11285 :current="'srp'" 11286 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $event)" 11570 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $event)" 11578 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $event)" 11592 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $event)" 11602 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1GUAFC5T8259153","year":"2026","make":"Subaru","model":"Impreza","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":343.01,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf1guafc5t8259153/2026-subaru-impreza-4dr-car?type=cash","stockNumber":"T8259153R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":26055.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 11810 </div> 11811 11812 <div> 11813 11814 <vehicle-badges model="Impreza" 11815 :current="'srp'" 11816 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $event)" 12106 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $event)" 12114 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $event)" 12128 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $event)" 12138 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKANC8PH488946","year":"2023","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":349.14,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2skanc8ph488946/2023-subaru-forester-sport-utility?type=cash","stockNumber":"PH488946P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":26828.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 12346 </div> 12347 12348 <div> 12349 12350 <vehicle-badges model="Forester" 12351 :current="'srp'" 12352 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $event)" 12639 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $event)" 12647 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $event)" 12661 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $event)" 12671 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2SKAXC9MH503608","year":"2021","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":356.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2skaxc9mh503608/2021-subaru-forester-sport-utility?type=cash","stockNumber":"MH503608P1","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":27070.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 12879 </div> 12880 12881 <div> 12882 12883 <vehicle-badges model="Forester" 12884 :current="'srp'" 12885 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $event)" 13175 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $event)" 13183 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $event)" 13197 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $event)" 13207 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAF66N9027410","year":"2022","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":369.97,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbaf66n9027410/2022-subaru-wrx-4dr-car?type=cash","stockNumber":"N9027410P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":28107.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 13414 </div> 13415 13416 <div> 13417 13418 <vehicle-badges model="WRX" 13419 :current="'srp'" 13420 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $event)" 13713 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $event)" 13721 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $event)" 13735 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $event)" 13745 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD62T3711441","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":370.07,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhd62t3711441/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711441R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":28439.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 13953 </div> 13954 13955 <div> 13956 13957 <vehicle-badges model="Crosstrek" 13958 :current="'srp'" 13959 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $event)" 14252 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $event)" 14260 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $event)" 14274 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $event)" 14284 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT65R3724954","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":376.35,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guht65r3724954/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3724954P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":28923.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 14492 </div> 14493 14494 <div> 14495 14496 <vehicle-badges model="Crosstrek" 14497 :current="'srp'" 14498 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $event)" 14791 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
14798/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $event)" 14799 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $event)" 14813 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721
14813/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $event)" 14823 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHF61T3711721","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":387.31,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4guhf61t3711721/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3711721R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":29767.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 15031 </div> 15032 15033 <div> 15034 15035 <vehicle-badges model="Crosstrek" 15036 :current="'srp'" 15037 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $event)" 15324 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $event)" 15332 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $event)" 15346 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $event)" 15356 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHT63R3722880","year":"2024","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guht63r3722880/2024-subaru-crosstrek-sport-utility?type=cash","stockNumber":"R3722880P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":29860.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 15564 </div> 15565 15566 <div> 15567 15568 <vehicle-badges model="Crosstrek" 15569 :current="'srp'" 15570 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $event)" 15854 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $event)" 15862 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $event)" 15876 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $event)" 15886 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4GUHD6XT3737043","year":"2026","make":"Subaru","model":"Crosstrek","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":393.15,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4guhd6xt3737043/2026-subaru-crosstrek-sport-utility?type=cash","stockNumber":"T3737043R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":29870.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 16094 </div> 16095 16096 <div> 16097 16098 <vehicle-badges model="Crosstrek" 16099 :current="'srp'" 16100 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $event)" 16390 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $event)" 16398 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $event)" 16412 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $event)" 16422 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDD63T3030680","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":397.24,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldd63t3030680/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3030680R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":30531.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 16630 </div> 16631 16632 <div> 16633 16634 <vehicle-badges model="Forester" 16635 :current="'srp'" 16636 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $event)" 16929 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $event)" 16937 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"
169374S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $event)" 16951 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"
169604S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $event)" 16961 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDB65T3028531","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":398.02,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldb65t3028531/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3028531R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":30590.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 17169 </div> 17170 17171 <div> 17172 17173 <vehicle-badges model="Forester" 17174 :current="'srp'" 17175 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $event)" 17468 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $event)" 17476 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $event)" 17490 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $event)" 17500 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF1VBAH64R9819834","year":"2024","make":"Subaru","model":"WRX","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":404.22,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf1vbah64r9819834/2024-subaru-wrx-4dr-car?type=cash","stockNumber":"R9819834P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":31068.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 17708 </div> 17709 17710 <div> 17711 17712 <vehicle-badges model="WRX" 17713 :current="'srp'" 17714 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $event)" 18007 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sp
18014ort-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $event)" 18015 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $event)" 18029 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sp
18029ort-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $event)" 18039 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4WMAWD0P3458916","year":"2023","make":"Subaru","model":"Ascent","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":417.98,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4wmawd0p3458916/2023-subaru-ascent-sport-utility?type=cash","stockNumber":"P3458916P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":32127.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 18246 </div> 18247 18248 <div> 18249 18250 <vehicle-badges model="Ascent" 18251 :current="'srp'" 18252 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $event)" 18539 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $event)" 18547 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $event)" 18561 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $event)" 18571 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4BTGUD6R3142351","year":"2024","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.18,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/4s4btgud6r3142351/2024-subaru-outback-sport-utility?type=cash","stockNumber":"R3142351P","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":32840.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 18779 </div> 18780 18781 <div> 18782 18783 <vehicle-badges model="Outback" 18784 :current="'srp'" 18785 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $event)" 19075 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $event)" 19083 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $event)" 19097 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $event)" 19107 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"4S4SLDH68T3029762","year":"2026","make":"Subaru","model":"Forester","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":429.94,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/4s4sldh68t3029762/2026-subaru-forester-sport-utility?type=cash","stockNumber":"T3029762R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":33048.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 19315 </div> 19316 19317 <div> 19318 19319 <vehicle-badges model="Forester" 19320 :current="'srp'" 19321 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $event)" 19614 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $event)" 19622 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $event)" 19636 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $event)" 19646 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPBD6TY487847","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"cpo","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":432.62,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/cpo/jf2bupbd6ty487847/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY487847R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":33254.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 19854 </div> 19855 19856 <div> 19857 19858 <vehicle-badges model="Outback" 19859 :current="'srp'" 19860 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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(/"/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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $event)" 20147 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $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('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $event)" 20155 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"check-availability","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"GET MORE INFORMATION","formheading":"GET MORE INFORMATION","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $event)" 20169 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $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('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $event)" 20179 @keydown.space.prevent="onCTAButtonClicked('{"buttonActionName":"click-to-call-mobile-desktop","routeLink":"","vin":"JF2BUPAD7TY540024","year":"2026","make":"Subaru","model":"Outback","dealerId":61410,"tab":"","labelName":"CALL (805) 790-9466","formheading":"","formlabel":"","vehicleType":"Used","ctaCustomLeadForms":"","term":72,"vehicleDetailsSrp":438.46,"formButtonColor":"","formButtonFontColor":"","vdpUrl":"https://www.dchsubaruthousandoaks.com/viewdetails/used/jf2bupad7ty540024/2026-subaru-outback-sport-utility?type=cash","stockNumber":"TY540024R","CustomCTAOnClick":""}', $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 +$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 +$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 +$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="{"priceLabel":"Sale Price","priceValue":33318.0,"leaseLabel":"","leaseValue":"","financeLabel":"","financeValue":""}"> 20387 </div> 20388 20389 <div> 20390 20391 <vehicle-badges model="Outback" 20392 :current="'srp'" 20393 :vehiclebadges="`{"InTransit":{"InTransitStatus":false,"InTransitDisclaimer":"","HideInTransit":false},"InProduction":{"InProductionStatus":false,"InProductionDisclaimer":"","HideInProduction":false},"InStock":{"InStockStatus":true,"InStockDisclaimer":"","HideInStock":true},"InService":{"InServiceStatus":null,"HideInService":true},"IsReserved":{"IsReservedStatus":null,"IsReservedDisclaimer":"","HideInReserve":false},"ViewVideo":{"VideoUrl":null},"ViewFordDirectVideo":{"VideoId":null},"ViewOnOrder":{"ViewOnOrderStatus":null},"BMW_M":{"BMW_M_Status":false},"BMW_BEV":{"BMW_BEV_Status":false,"BMW_BEV_Disclaimer":""},"BMW_PHEV":{"BMW_PHEV_Status":false,"BMW_PHEV_Disclaimer":""},"ElectrifyAmerica":{"ElectrifyAmerica_Status":false,"ElectrifyAmericaDisclaimer":""},"IsDemo":{"IsDemoStatus":false,"IsDemoDisclaimer":""},"IsLoaner":{"IsLoanerStatus":false},"oem_ProgramEligibility":{"oem_ProgramEligibility":null},"ToyotaSafetySense":{"ToyotaSafetySense_Status":false},"SmartPathToyotaDisplayMessage":{"DisplayMessage":""},"bravoBadgeObj":{"ShowCarBravoBadge":false,"ShowBravoBudgetBadge":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"> </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&instock=true&intransit=true&inproduction=true&page=1`)" class="page-link bgcolor-primary theme-bg-color" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&page=2`)" class="page-link color-primary _text_color theme-text-color" href="https://www.dchsubaruthousandoaks.com/inventory/used/subaru?paymenttype=cash&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&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&instock=true&intransit=true&inproduction=true&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+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+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.