{"id":90237,"date":"2024-08-21T17:06:13","date_gmt":"2024-08-21T22:06:13","guid":{"rendered":"https:\/\/www.toyotaofkaty.com\/?page_id=90237"},"modified":"2025-05-07T15:54:37","modified_gmt":"2025-05-07T20:54:37","slug":"new-toyota-corolla-cross-for-sale-in-katy-tx","status":"publish","type":"page","link":"https:\/\/www.toyotaofkaty.com\/new-vehicles\/new-toyota-corolla-cross-for-sale-in-katy-tx\/","title":{"rendered":"New Toyota Corolla Cross For Sale In Katy TX"},"content":{"rendered":"<div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-f659a151\" data-vce-do-apply=\"all el-f659a151\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-ea1a0e4c\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-ea1a0e4c\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-ea1a0e4c\"><div class=\"vce-empty-space-container\" id=\"el-63112bfd\" data-vce-do-apply=\"margin el-63112bfd\" style=\"--heightxs: 42px; --heightsm: 42px; --heightmd: 42px; --heightlg: 42px; --heightxl: 42px;\"><div class=\"vce vce-empty-space\" data-vce-do-apply=\"border padding background  el-63112bfd\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-ab4027fe\" data-vce-do-apply=\"all el-ab4027fe\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-9e8e4cf6\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-9e8e4cf6\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-9e8e4cf6\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-e618277b\" data-vce-do-apply=\"all el-e618277b\"><h1 style=\"text-align: center;\">New Toyota Corolla Cross For Sale In Katy, TX<\/h1><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-bd02f21e\" data-vce-do-apply=\"all el-bd02f21e\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-181bd44c\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-181bd44c\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-181bd44c\"><div class=\"vce-empty-space-container\" id=\"el-332525e0\" data-vce-do-apply=\"margin el-332525e0\" style=\"--heightxs: 42px; --heightsm: 42px; --heightmd: 42px; --heightlg: 42px; --heightxl: 42px;\"><div class=\"vce vce-empty-space\" data-vce-do-apply=\"border padding background  el-332525e0\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\"><div class=\"vce-row vce-row--col-gap-30 vce-row-no-paddings vce-row-equal-height vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-474724ea\" data-vce-do-apply=\"all el-474724ea\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-86c3f76f\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-86c3f76f\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-86c3f76f\"><div class=\"vce-shortcode\"><div class=\"vce-shortcode-wrapper vce\" id=\"el-0acaa151\" data-vce-do-apply=\"all el-0acaa151\"><HTML>\n\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/balloon-css\/balloon.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/www.toyotaofkaty.com\/app\/themes\/dv-framework\/media\/css\/srpCSS\/algolia.css?v=1.747.136\">\n<link rel=\"stylesheet\" href=\"https:\/\/www.toyotaofkaty.com\/app\/themes\/dv-framework\/media\/css\/srpCSS\/algolia-grid.css?v=1.725.918\">\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/instantsearch.js@4.8.3\/dist\/instantsearch.production.min.js\" integrity=\"sha256-LAGhRRdtVoD6RLo2qDQsU2mp+XVSciKRC8XPOBWmofM=\" crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/typesense-instantsearch-adapter@2\/dist\/typesense-instantsearch-adapter.min.js\"><\/script>\n\n<script src=\"https:\/\/www.toyotaofkaty.com\/app\/themes\/dv-framework\/media\/js\/jquery.formatCurrency-1.4.0.min.js?v=1.709.768\"><\/script>\n<script defer src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\n<script>\n\tvar srpCondition = '\"New\"';\n\tvar indexName = 'vehicles-TOY42284';\n\tvar cityState = 'Katy, TX';\n\tvar distanceUnit = 'Mile';\n\tvar haveSdAnalytics = false;\n\t haveSdAnalytics = true; \tvar filterChanged = false;\n\tvar searchChanged = false;\n\tvar currentRefinements = {};\n\tvar vehiclesList = [];\n    var filters = 'model: Corolla Cross';\n\tvar showPrice = '';\n\n    function buildTitle(refinementList)\n\t{\n\t\tlet titleString = \"\";\n\t\tlet modelString = \"\";\n\n\t\tcurrentRefinements = refinementList;\n\t\t\n\t\tif (refinementList.make && refinementList.make.length == 1)\n\t\t{\n\t\t\tif (refinementList.model && refinementList.model.length == 1)\n\t\t\t{\n\t\t\t\ttitleString = refinementList.make[0] + \" \" + refinementList.model[0] + \" Vehicles\";\n\t\t\t\treturn titleString;\n\t\t\t}\n\t\t\telse if (refinementList.model)\n\t\t\t{\n\t\t\t\tfor (var model in refinementList.model)\n\t\t\t\t{\n\t\t\t\t\ttitleString += \" \" + refinementList.model[model] + \",\";\n\t\t\t\t}\n\n\t\t\t\treturn titleString;\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\ttitleString = refinementList.make[0] + \" Models\";\n\t\t\t\treturn titleString;\n\t\t\t}\n\t\t}\n\t\telse if (refinementList.make)\n\t\t{\n\t\t\tif (refinementList.model)\n\t\t\t{\n\t\t\t\tif (refinementList.model.length == 1)\n\t\t\t\t{\n\t\t\t\t\ttitleString += \" \" + refinementList.model[0];\n\t\t\t\t}\n\t\t\t\telse\n\t\t\t\t{\n\t\t\t\t\tfor (var model in refinementList.model)\n\t\t\t\t\t{\n\t\t\t\t\t\ttitleString += \" \" + refinementList.model[model] + \",\";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttitleString += \" Models\";\n\n\t\t\t\treturn titleString;\n\t\t\t}\n\t\t\tfor (var make in refinementList.make)\n\t\t\t{\n\t\t\t\ttitleString += \" \" + refinementList.make[make] + \",\";\n\t\t\t}\n\n\t\t\ttitleString += \" Models\";\n\n\t\t\treturn titleString;\n\t\t}\n\t\telse{\n\t\t\tif(refinementList.model){\n\t\t\t\t\n\t\t\t\tif (refinementList.model.length == 1)\n\t\t\t\t{\n\t\t\t\t\tmodelString += \" \" + refinementList.model[0];\n\t\t\t\t}\n\t\t\t\telse\n\t\t\t\t{\n\t\t\t\t\tfor (var model in refinementList.model)\n\t\t\t\t\t{\n\t\t\t\t\t\tmodelString += \" \" + refinementList.model[model] + \",\";\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttitleString += \"Toyota\" + \" \" + modelString + \" Models\";\n\t\t\t\treturn titleString;\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn \"Toyota Vehicles\";\n\t}\n\n\t\/\/Build meta description for SRP filters\n\tfunction buildDescription(desc){\n\t\treturn  document.querySelector('meta[name=\"description\"]').setAttribute(\"content\", desc)\t\n\t}\n\nfunction srpReady(){\n\n\tconst titleCondition = '\"New\"';\n\tconst price = '';\n\tlet filterBy = '';\n\t\n\tif(price){\n\t\tfilterBy = `finalPriceInt:<${price}`;\n\t} else {\n\t\tfilterBy = '';\n\t}\n\n\tconst typesenseInstantSearchAdapter = new TypesenseInstantSearchAdapter({\n\t\tserver: {\n\t\t\tapiKey: 'ysDVdNfjmW35vCs2B8WnGd0Q4qSLZO7e',\n\t\t\tnodes: [\n\t\t\t\t{\n\t\t\t\t\thost:'hjnrb3s21408ezpfp.a1.typesense.net',\n\t\t\t\t\tport: '443',\n\t\t\t\t\tprotocol: 'https',\n\t\t\t\t}],\n\t\t\t\tcacheSearchResultsForSeconds: 2 * 60,\n\t\t},\n\t\tadditionalSearchParameters: {\n\t\t\tquery_by: \"vin,stockNumber,make,model,trim,exteriorColor,body,features,interiorColor,engine,transmission,drivetrain,fuel,genericColor,exteriorHex\",\n\t\t\tfilter_by: filterBy\n\t\t},\n\t});\n\tconst searchClient = typesenseInstantSearchAdapter.searchClient;\n\n\tconst search = instantsearch({searchClient, indexName : indexName, routing: {router: instantsearch.routers.history({\n\t\twindowTitle: function windowTitle(routeState) {\n\t\t\tif (!routeState.refinementList) {\n\t\t\t\t$(\"h1\").text(\"New Toyota Corolla Cross For Sale In Katy, TX\");\n\t\t\t\treturn titleCondition + \" Toyota Vehicles in \" + cityState;\n\t\t\t}\n\n\t\t\t$(\"h1\").each(function() {\n\t\t\t\tif ($(this).children().length > 0) {\n\t\t\t\t\tconsole.log($(this).children().length);\n\t\t\t\t\t\n\t\t\t\t\tvar firstSpan = $(this).find('span').first();\n\n\t\t\t\t\tif (firstSpan.length) {\n\t\t\t\t\t\tvar style = firstSpan.attr('style');\n\t\t\t\t\t\t$(this).attr('style', style).text(\"New Toyota Corolla Cross For Sale In Katy, TX\");\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t$(this).text(\"New Toyota Corolla Cross For Sale In Katy, TX\");\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/Function to alter Meta description based on filtered list\n\t\t\tlet desc = \"New Toyota Corolla Cross For Sale In Katy, TX\";\n\t\t\tif(!desc){\n\t\t\t\tlet desc = `\"New\" vehicles in ${cityState}`;\n\t\t\t\tbuildDescription(desc)\n\t\t\t} else {\n\t\t\tbuildDescription(\"New Toyota Corolla Cross For Sale In Katy, TX\")\n\t\t\t}\n\n\t\t\treturn \"New Toyota Corolla Cross For Sale In Katy, TX\";\n\t\t},\n\t\tcreateURL: function createURL(_ref) {\n\t\t\tvar qsModule = _ref.qsModule, location = _ref.location, routeState = _ref.routeState; \n\n\t\t\tvar urlParams = new URLSearchParams(window.location.search);\n\t\t\tvar utmCamp = urlParams.get('utm_campaign');\n\t\t\tvar utmMedium = urlParams.get('utm_medium');\n\t\t\tvar utmSource = urlParams.get('utm_source');\n\t\t\tvar utmTerm = urlParams.get('utm_term');\n\t\t\tvar utmId = urlParams.get('utm_id');\n\t\t\tvar utmContent = urlParams.get('utm_content');\n\n\t\t\tif (utmCamp, utmMedium, utmSource)\n\t\t\t{\n\t\t\t\tvar utmQuery = \"utm_campaign=\" + utmCamp + \"&utm_medium=\" + utmMedium + \"&utm_source=\" + utmSource;\n\n\t\t\t\tif (utmTerm)\n\t\t\t\t{\n\t\t\t\t\tutmQuery = utmQuery + \"&utm_term=\" + utmTerm;\n\t\t\t\t}\n\n\t\t\t\tif (utmId)\n\t\t\t\t{\n\t\t\t\t\tutmQuery = utmQuery + \"&utm_id=\" + utmId;\n\t\t\t\t}\n\n\t\t\t\tif (utmContent)\n\t\t\t\t{\n\t\t\t\t\tutmQuery = utmQuery + \"&utm_content=\" + utmContent\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvar origin = location.origin, pathname = location.pathname,hash = location.hash;\n\t\t\t\/\/Convert the current refinements to JSON\n\t\t\tlet queryString = qsModule.stringify(routeState.refinementList, { arrayFormat: 'repeat', delimiter: '&', encode: false });\n\t\t\t\n\t\t\t\/\/Text query exists, but no refinements or page is selected.\n\t\t\tif (routeState.query && !routeState.refinementList && !routeState.page)\n\t\t\t{\n\t\t\t\tqueryString = queryString + \"q=\" + routeState.query;\n\t\t\t}\n\t\t\telse if (routeState.query) \/\/Fall back is query is set, and a refinement or page is selected\n\t\t\t{\n\t\t\t\tqueryString = queryString + \"&q=\" + routeState.query;\n\t\t\t}\n\n\t\t\t\/\/If page exists, and no refinement or query exits.\n\t\t\tif (routeState.page && !routeState.refinementList && !routeState.query)\n\t\t\t{\n\t\t\t\tqueryString = queryString + \"pg=\" + routeState.page;\n\t\t\t}\n\t\t\telse if (routeState.page) \/\/Fall back if page is set, and a refinment or query also exists.\n\t\t\t{\n\t\t\t\tqueryString = queryString + \"&pg=\" + routeState.page;\n\t\t\t}\n\n\t\t\t\/\/No refinement, query, or page exists.\n\t\t\tif (!routeState.refinementList && !routeState.query && !routeState.page) {\n\t\t\t\tif (utmQuery)\n\t\t\t\t{\n\t\t\t\t\treturn origin + pathname + \"?\" + utmQuery + hash;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\treturn origin + pathname + hash;\n\t\t\t}\n\n\t\t\tif (utmQuery)\n\t\t\t{\n\t\t\t\treturn origin + pathname + \"?\" + queryString + \"&\" + utmQuery + hash;\n\t\t\t}\n\n\t\t\t\/\/Return the new URL\n\t\t\treturn origin + pathname + '?' + queryString + hash;\n\t\t},\n\t\tparseURL: function parseURL(_ref2) {\n\t\t\tvar qsModule = _ref2.qsModule, location = _ref2.location;\n\t\t\tvar urlSearch = new URLSearchParams(window.location.search);\n\t\t\t\/\/Convert the current URL to JSON\n\t\t\tlet refinements = qsModule.parse(location.search.slice(1), {arrayFormat: 'repeat', delimiter: '&'});\n\t\t\tlet refinementsList = refinements;\n\n            \n\n\t\t\tfor (var refinement in refinements)\n\t\t\t{\n\t\t\t\tif (typeof refinements[refinement] == \"string\")\n\t\t\t\t{\n\t\t\t\t\trefinementsList[refinement] = [refinements[refinement]];\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/\/Return the corrected refinement array and current query and page (if exists)\n\t\t\treturn {\n\t\t\t\trefinementList: refinementsList,\n\t\t\t\tquery: urlSearch.get('q'),\n\t\t\t\tpage: urlSearch.get('pg')\n\t\t\t}\n\t\t}\n\t}), stateMapping: {\n\t\tstateToRoute: function stateToRoute(uiState) {\n\t\t\t\/\/Update routeState with current uiState\n\t\t\treturn {\n\t\t\t\tquery: uiState[indexName].query,\n\t\t\t\tpage: uiState[indexName].page,\n\t\t\t\trefinementList: uiState[indexName].refinementList\t\n\t\t\t};\n\t\t},\n\t\trouteToState: function routeToState(routeState) {\n\t\t\t\/\/Update uiState with current routeState\n\t\t\treturn {\n\t\t\t\tindexName: {\n\t\t\t\t\tquery: routeState.query,\n\t\t\t\t\tpage: routeState.page,\n\t\t\t\t\trefinementList: routeState.refinementList\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t}}});\n\n\tconst srpCondition = '\"New\"';\n\n\t\/\/Using ATTS to make the Filter Category\n\tconst location = '';\n\n\t\/\/Set filter based on whats selected or not\n\tlet filter = \"\";\n\tif (location) {\n\t\tfilter = 'condition: ' + srpCondition + '&&' + 'dealerName:' + location + ' && ' + filters;\n\t} else if (filters) {\n\t\tfilter = 'condition: ' + srpCondition + ' && ' + filters;\n\t} else {\n\t\tfilter = 'condition: ' + srpCondition;\n\t}\n\n    search.addWidgets([\n\t\tinstantsearch.widgets.configure({\n\t\t\t\tfilters: filter,\n\t\t\t\thitsPerPage: 20\n\t\t})\n\t]);\n\n\t\/\/Results Widget\n\tsearch.addWidgets([\n\t\tinstantsearch.widgets.hits({\n\t\t\tcontainer: '#srp-results',\n\t\t\ttemplates: {\n\t\t\t\titem: document.getElementById('hit-template').innerHTML,\n\t\t\t\tempty: document.getElementById('empty-template').innerHTML\n\t\t\t},\n\t\t\ttransformItems(items) {\n\t\t\t\tvehiclesList = items;\n\t\t\t\treturn items;\n\t\t\t}\n\t\t})\n\t]);\n\n\t\n\t\/\/Text Search Widget\n\tsearch.addWidget(\n\t\tinstantsearch.widgets.searchBox({\n\t\t\tcontainer: \"#searchbox\",\n\t\t\tplaceholder: \"Search Inventory\",\n\t\t\tautofocus: false,\n\t\t\tshowLoadingIndicator: true,\n\t\t\tqueryHook: function(query, search){\n\t\t\t\tif(query?.length == 0 || query == undefined){\n\t\t\t\t\tdocument.querySelector('#clearSearchResults').style.display = \"none\";\n\t\t\t\t} else {\n\t\t\t\t\tdocument.querySelector('#clearSearchResults').style.display = \"block\";\n\t\t\t\t}\n\t\t\t\tsearch(query);\n\t\t\t}\n\t\t})\n\t);\n\n\tlet currentIndex = indexName.split('\/')[0];\n\t\n\t\/\/Sort By Widget\n\tsearch.addWidget(\n\t\tinstantsearch.widgets.sortBy({\n\t\t\tcontainer: \"#sortBy\",\n\t\t\titems: [\n\t\t\t\t{ value: `${currentIndex}`, label: 'Most Relevant' },\n\t\t\t\t{ value: `${currentIndex}\/sort\/age:desc`, label: 'Recommended' },\n\t\t\t\t{ value: `${currentIndex}\/sort\/sortPrice:desc,price:desc`, label: 'Price: High to Low' },\n\t\t\t\t{ value: `${currentIndex}\/sort\/sortPrice:desc,price:asc`, label: 'Price: Low to High' },\n\t\t\t\t{ value: `${currentIndex}\/sort\/mileage:asc`, label: distanceUnit + 's: Low to High' }\n\t\t\t]\n\t\t})\n\t);\n\n\t\/\/Pagination Top and Bottom\n\tconst { connectPagination } = instantsearch.connectors;\n\n\tconst renderPagination = (renderOptions, isFirstRender) => {\n\t  \tconst {\n\t\tpages,\n\t\tcurrentRefinement,\n\t\tnbPages,\n\t\tisFirstPage,\n\t\tisLastPage,\n\t\trefine,\n\t\tcreateURL,\n  \t} = renderOptions;\n\n  \tconst container = document.querySelector('#pagination-top');\n\n  \tcontainer.innerHTML = `\n  \t\t<ul class=\"ais-pagination-ul\">\n\t${\n  \tcurrentRefinement >= 1\n\t? `\n\t  <li>\n\t\t<a class=\"ais-Pagination-link\" href=\"${createURL(currentRefinement - 1)}\" data-value=\"${currentRefinement - 1}\">\n\t\t\t<i class=\"fa-solid fa-chevron-left\"><\/i>\n\t\t<\/a>\n\t  <\/li>\n\t`\n\t: ''\n\t}\n\t<div class=\"ais-pagination-wrapper\">\n\tPage <span class=\"ais-Pagination-link\">${currentRefinement + 1}<\/span> of <span class=\"ais-Pagination-link\">${nbPages}<\/span>\n\t<\/div>\n\t${\n\tcurrentRefinement < nbPages - 1\n\t\t? `\n\t\t<li>\n\t\t\t<a class=\"ais-Pagination-link\" href=\"${createURL(currentRefinement + 1)}\" data-value=\"${currentRefinement + 1}\">\n\t\t\t\t<i class=\"fa-solid fa-chevron-right\"><\/i>\n\t\t\t<\/a>\n\t\t<\/li>\n\t\t`\n\t\t: ''\n\t\t}\n\t<\/ul>\n\t`;\n\n\t[...container.querySelectorAll('a')].forEach(element => {\n\t\telement.addEventListener('click', event => {\n\t\tevent.preventDefault();\n\t\trefine(event.currentTarget.dataset.value);\n\n\t\twindow.scrollTo({\n            top: 0,\n            left: 0,\n            behavior: 'smooth'\n        });\n\t\t});\n\t});\n\t};\n\n\tconst customPagination = connectPagination(\n\t\trenderPagination\n\t);\n\n\tsearch.addWidgets([\n\t\tcustomPagination({\n\t\tcontainer: document.querySelector('#pagination-top'),\n\t\t})\n\t]);\n\n\t\/\/Bottom Pagination\n\n\tconst renderPaginationBottom = (renderOptions, isFirstRender) => {\n\t\tconst {\n\t\tpages,\n\t\tcurrentRefinement,\n\t\tnbPages,\n\t\tisFirstPage,\n\t\tisLastPage,\n\t\trefine,\n\t\tcreateURL,\n\t} = renderOptions;\n\n\tconst containerBottom= document.querySelector('#pagination-bottom');\n\n\tcontainerBottom.innerHTML = `\n\t<ul class=\"ais-pagination-ul\">\n\t${\n\tcurrentRefinement >= 1\n\t\t? `\n\t\t<li>\n\t\t\t<a class=\"ais-Pagination-link\" href=\"${createURL(currentRefinement - 1)}\" data-value=\"${currentRefinement - 1}\">\n\t\t\t\t<i class=\"fa-solid fa-chevron-left\"><\/i>\n\t\t\t<\/a>\n\t\t<\/li>\n\t\t`\n\t\t: ''\n\t}\n\t<div class=\"ais-pagination-wrapper\">\n\tPage <span class=\"ais-Pagination-link\">${currentRefinement + 1}<\/span> of <span class=\"ais-Pagination-link\">${nbPages}<\/span>\n\t<\/div>\n\t${\n\tcurrentRefinement < nbPages - 1\n\t\t? `\n\t\t<li>\n\t\t\t<a class=\"ais-Pagination-link\" href=\"${createURL(currentRefinement + 1)}\" data-value=\"${currentRefinement + 1}\">\n\t\t\t\t<i class=\"fa-solid fa-chevron-right\"><\/i>\n\t\t\t<\/a>\n\t\t<\/li>\n\t\t`\n\t\t: ''\n\t\t}\n\t<\/ul>\n\t`;\n\n\t[...containerBottom.querySelectorAll('a')].forEach(element => {\n\t\telement.addEventListener('click', event => {\n\t\tevent.preventDefault();\n\t\trefine(event.currentTarget.dataset.value);\n\n\t\twindow.scrollTo({\n            top: 0,\n            left: 0,\n            behavior: 'smooth'\n        });\n\t\t});\n\t});\n\t};\n\n\tconst customPaginationBottom = connectPagination(\n\t\trenderPaginationBottom\n\t);\n\n\tsearch.addWidgets([\n\t\tcustomPaginationBottom({\n\t\tcontainer: document.querySelector('#pagination-bottom'),\n\t\t})\n\t]);\n\n\n\t\/\/Results Stats Widget (Top)\n\tsearch.addWidget(\n\t\tinstantsearch.widgets.stats({\n\t\t\tcontainer: '#resultsStats',\n\t\t\ttemplates: {\n\t\t\t\ttext: \"\\n\\t\\t\\t\\t\\t{{#hasNoResults}}No results{{\/hasNoResults}}\\n\\t\\t\\t\\t\\t{{#hasOneResult}}Showing <span id=\\\"numberHits\\\">1<\/span> result{{\/hasOneResult}}\\n\\t\\t\\t\\t\\t{{#hasManyResults}}Showing <span id=\\\"hitsStart\\\">1<\/span> - <span id=\\\"hitsPage\\\">{{hitsPerPage}}<\/span> of <span id=\\\"numberHits\\\">{{#helpers.formatNumber}}{{nbHits}}{{\/helpers.formatNumber}}<\/span> results{{\/hasManyResults}} found in {{processingTimeMS}}ms\"\n\t\t\t}\n\t\t})\n\t);\n\n\t\/\/Result Stats Widget (Bottom)\n\tsearch.addWidget(\n\t\tinstantsearch.widgets.stats({\n\t\t\tcontainer: '#resultsStats-bottom',\n\t\t\ttemplates: {\n\t\t\t\ttext: \"\\n\\t\\t\\t\\t\\t{{#hasNoResults}}No results{{\/hasNoResults}}\\n\\t\\t\\t\\t\\t{{#hasOneResult}}<span id=\\\"numberHits\\\">1<\/span> result{{\/hasOneResult}}\\n\\t\\t\\t\\t\\t{{#hasManyResults}}<span id=\\\"numberHits\\\">{{#helpers.formatNumber}}{{nbHits}}{{\/helpers.formatNumber}}<\/span> results{{\/hasManyResults}} found in {{processingTimeMS}}ms\"\n\t\t\t}\n\t\t})\n\t);\n\n\n\t\/**\n     * Remove previous and next arrows if there's only 1 image in the stack.\n     * Swiper has this functionality supposedly with watchOverflow: true\n     * but it was not working when set\n     *\n     * @param sliderElm\n     * @private\n     *\/\n    function _maybeRemoveSwiperNavigation(sliderElm) {\n        let imageCount = 0;\n        const slides = sliderElm.querySelectorAll('.swiper-slide')\n\n        if (slides.length <= 1) {\n            let navElements = sliderElm.querySelectorAll('.swiper-button-next,.swiper-button-prev')\n            if (navElements.length) {\n                navElements.forEach( (el) => {\n                    el.remove()\n                })\n            }\n        }\n    }\n\n    \/**\n     * Limit the amount of images per vehicle card by using the SRP max images option in AG Options\n     *\n     * @private\n     *\/\n    function _limitSlidesPerVehicleCard() {\n        let vehicleCardCarousels = document.querySelectorAll('.srp-swiper-vehicles');\n\n        vehicleCardCarousels.forEach(slider => {\n\n            let swiperWrapper = slider.querySelector('.swiper-wrapper');\n            let swiperSlides = swiperWrapper.querySelectorAll('.swiper-slide');\n\n            if (swiperSlides.length > 5 && ! swiperWrapper.dataset.maximages) {\n                let srpMaxImageLength = 5;\n\n                for (let i = srpMaxImageLength; i < swiperSlides.length; i++) {\n                    swiperWrapper.removeChild(swiperSlides[i]);\n                }\n\n                swiperWrapper.setAttribute('data-maximages', srpMaxImageLength);\n            }\n        });\n    }\n\n    \/**\n     * Builds the SRP vehicle image carousel on the vehicle card\n     *\n     * @private\n     *\/\n    function _buildSRPImageCarousel() {\n        \/**\n         * b\/o: Allow the loading of Swipers when needed and scrolled into view\n         * using the javascript intersection Observer API\n         *\/\n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.2 \/\/ when 20% of the element is in view proceed with loading the swiper\n        };\n\n        function handleIntersect(entries, observer) {\n            _limitSlidesPerVehicleCard()\n\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    _maybeRemoveSwiperNavigation(entry.target)\n                    \/\/ Initialize Swiper for this container\n                     new Swiper(entry.target, {\n                        loop: true,\n                        navigation: {\n                            nextEl: `.swiper-button-next`,\n                            prevEl: `.swiper-button-prev`\n                        }\n                    });\n\n                    observer.unobserve(entry.target);\n                }\n            });\n        }\n\n        const observer = new IntersectionObserver(handleIntersect, observerOptions);\n        \/\/ Get all of the swipers on the page\n        let vehicleCardCarousels = document.querySelectorAll('.srp-swiper-vehicles');\n\n        vehicleCardCarousels.forEach(slider => {\n            observer.observe(slider);\n        });\n    }\n\n    \/* b\/o: Image Aspect Ratio Fix *\/\n\n    \/**\n     * Calculate a new height based on previous values as well as a new width\n     *\n     * @param newWidth the new width of the element to calulcate the height\n     * @param originalWidth the original width of the item to find aspect ratio\n     * @param originalHeight the original height of the item to find aspect ratio\n     * @returns number\n     *\/\n    function calculateHeight(newWidth, originalWidth, originalHeight) {\n        const aspectRatio = originalWidth \/ originalHeight;\n        const newHeight = newWidth \/ aspectRatio;\n        return parseFloat(newHeight.toFixed(1));\n    }\n\n    \/**\n     * Allows a slight delay in running a specific function\n     *\n     * @param func the function to be called\n     * @param wait the delay until the function is called\n     * @returns void\n     * @private\n     *\/\n    function _debounce(func, wait) {\n        let timeout;\n\n        return function(...args) {\n            clearTimeout(timeout);\n            timeout = setTimeout(() => func.apply(this, args), wait);\n        };\n    }\n\n    \/**\n     * Get the current width of the slider, and then calculate the new height for the image\n     *\n     * @returns void\n     * @private\n     *\/\n    function _onResize() {\n\n        const originalWidth = 357;\n        const originalHeight = 268;\n        const vehicles = jQuery('#srp-results .listing')\n        $(vehicles).each(function(key, vehicle) {\n            let swiperSlide = $(vehicle).find('.swiper-slide');\n\n            if (swiperSlide) {\n                const newWidth = $(swiperSlide).width();\n                \/\/ const newHeight = calculateHeight(newWidth, originalWidth, originalHeight);\n\n                \/\/ $(swiperSlide).find('.srp-click-image').height(`${newHeight}px`);\n            }\n        })\n    }\n\n    \/**\n     * Triggers and adds an event listener to fire the constrain proportion function\n     * @returns void\n     * @private\n     *\/\n    function _constrainImageAspectRatio() {\n        const debounceDelay = 50;\n        const debouncedResize = _debounce(_onResize, debounceDelay);\n        \/\/ Run te process initially\n        debouncedResize();\n\n        window.addEventListener('resize', debouncedResize);\n    }\n    \/* e\/o: Image Aspect Ratio Fix *\/\n\n\n\n\tfunction onRenderHandler()\n\t{\n\t\t\/\/ Initialize vehicle images slider\n\t\t$('.srp-slick-vehicles').not('.slick-initialized').slick({\n\t\t\tarrows: true,\n\t\t\tswipe: true,\n\t\t\tinfinite: true\n\t\t});\n\n\t\t\/\/If no card is in the view, and we are not on mobile, scroll to top.\n\t\tvar mobile = window.matchMedia(\"(max-width: 1024px)\");\n\t\t$(\".ais-RefinementList-label\").click(function() {\n\t\t\tif (!$('.listing-container').isInViewport() && !mobile.matches) \n\t\t\t{\n\t\t\t\t$(\"html,body\").animate({scrollTop:$(\".result-wrapper\").offset().top - 200},\"1000\");\n\t\t\t}\n\t\t});\n\n\t\t\/\/Image lazy loading\n\t\tvar lazyImages = [].slice.call(document.querySelectorAll(\"img.lazy\"));\n\t\tif (\"IntersectionObserver\" in window)\n\t\t{\n\t\t\tlet lazyImageObserver = new IntersectionObserver(function (entires, observer) {\n\t\t\t\tentires.forEach(function (entry) {\n\t\t\t\t\tif (entry.isIntersecting)\n\t\t\t\t\t{\n\t\t\t\t\t\tlet lazyImage = entry.target;\n\t\t\t\t\t\tlazyImage.src = lazyImage.dataset.src;\n\t\t\t\t\t\tlazyImage.classList.remove(\"lazy\");\n\t\t\t\t\t\tlazyImageObserver.unobserve(lazyImage);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tlazyImages.forEach(function (lazyImage) {\n\t\t\t\tlazyImageObserver.observe(lazyImage);\n\t\t\t});\n\t\t}\n\n\t\t \/\/ Initialize vehicle images carousel\n\t\t _buildSRPImageCarousel()\n        _constrainImageAspectRatio()\n\n\t\t\/\/Results X of X Text\n\t\tif(parseInt($(\"#numberHits\").text().replace(\/,\/g,''), 10) < 24)\n\t\t{\n\t\t\t$('#hitsPage').text($(\"#numberHits\").text());\n\t\t}\n\t\telse if (parseInt($('.ais-Pagination-item--selected > .ais-Pagination-link').attr('aria-label'), 10) > 1)\n\t\t{\n\t\t\tvar page = parseInt($('.ais-Pagination-item--selected > .ais-Pagination-link').attr('aria-label'), 10);\n\t\t\tvar hits = 24 * (page - 1);\n\t\t\t$('#hitsStart').text(hits);\n\t\t\tvar hitsOnPage = parseInt($('#numberHits').text().replace(\/,\/g,''), 10);\n\t\t\tif ((hitsOnPage - (hits)) < 24)\n\t\t\t{\n\t\t\t\t$('#hitsPage').text(hitsOnPage);\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\t$('#hitsPage').text((hits) + 24);\n\t\t\t}\n\t\t}\n\t\telse\n\t\t{\n\t\t\t$(\"#hitsStart\").text(1);\n\t\t\t$(\"#hitsPage\").text(24);\n\t\t}\n\n\t\t$(\".srp-integrations-video\").click(function() {\n\t\t\tshowVideo(event, $(this).attr('data-video-url'));\n\t\t});\n\n\t\t\/\/Hide filter tags if there are no current selected filters\n\t\tif ($(\"#filterTags .ais-CurrentRefinements-list\").has('li').length == 0)\n\t\t{\n\t\t\t$(\"#filterTags\").hide();\n\t\t}\n\t\telse\n\t\t{\n\t\t\t$(\"#filterTags\").show();\n\t\t}\n\n\t\t\n\t\t\/\/SD Analytics\n\t\tif (haveSdAnalytics && typeof(sd) !== \"undefined\")\n\t\t{\n\t\t\t\/\/Send new filters to SD Analytics (if needed)\n\t\t\tif (filterChanged)\n\t\t\t{\n\t\t\t\tconsole.log(currentRefinements);\n\t\t\t\tsd('dataLayer', {\n\t\t\t\t\tcountSearchResults: $(\"#numberHits\").text(),\n\t\t\t\t\tfilterSearch: {\n\t\t\t\t\t\tstatus: (currentRefinements[\"flags.type\"] ? (currentRefinements[\"flags.type\"] ? currentRefinements[\"flags.type\"].includes(\"Certified\") : false) : false) ? \"CPO\" : srpCondition,\n\t\t\t\t\t\tyear: currentRefinements.year ? currentRefinements.year.join(\"|\") : \"All\",\n\t\t\t\t\t\tmake: currentRefinements.make ? currentRefinements.make.join(\"|\") : \"All\",\n\t\t\t\t\t\tmodel: currentRefinements.model ? currentRefinements.model.join(\"|\") : \"All\",\n\t\t\t\t\t\tcolor: currentRefinements.generic_color ? currentRefinements.generic_color.join(\"|\") : \"All\",\n\t\t\t\t\t\ttrim: currentRefinements.trim ? currentRefinements.trim.join(\"|\") : \"All\",\n\t\t\t\t\t\tbodyStyle: currentRefinements.body ? currentRefinements.body.join(\"|\") : \"All\",\n\t\t\t\t\t\tfeatures: currentRefinements.features ? currentRefinements.features.join(\"|\") : \"All\",\n\t\t\t\t\t\tdrivetrain: currentRefinements.drivetrain ? currentRefinements.drivetrain.join(\"|\") : \"All\"\n\t\t\t\t\t},\n\t\t\t\t\tevents: 'filterSearch'\n\t\t\t\t});\n\t\t\t\tsd('send');\n\n\t\t\t\tsd('dataLayer', {\n\t\t\t\t\tpageType: 'Page Not Found',\n\t\t\t\t\twebsiteTier: 'Tier 3',\n\t\t\t\t\tpageBrand: 'Toyota',\n\t\t\t\t\tsessionId: '',\n\t\t\t\t\tlanguage: 'en', \/\/note(ethan): need to change this to allow translations\n\t\t\t\t\ttrafficType: 'Organic Search',\n\t\t\t\t\tdealerZipCode: '77450',\n\t\t\t\t\tdealerState: 'TX',\n\t\t\t\t\tdealerCity: 'Katy',\n\t\t\t\t\tdealerName: 'Toyota of Katy',\n\t\t\t\t\tdealerTda: 'GST10',\n\t\t\t\t\tsiteTechnologyVersion: '2.0031',\n\t\t\t\t\tuserZipCode: '', \/\/note(ethan): add user location\n\t\t\t\t\tuserCity: '',\n\t\t\t\t\tuserState: ''\n\t\t\t\t});\n\t\t\t\tsd('send', 'pageview');\n\n\t\t\t\tfilterChanged = false;\n\t\t\t}\n\n\t\t\t\/\/Typed Search\n\t\t\tsetTimeout(function () {\n\t\t\t\tif (searchChanged)\n\t\t\t\t{\n\t\t\t\t\tsd('dataLayer', {\n\t\t\t\t\t\ttypedSearchContent: $(\".ais-SearchBox-input\").val().replace(\" \", \"|\"),\n\t\t\t\t\t\tevents: 'typedSearch'\n\t\t\t\t\t});\n\t\t\t\t\tsd('send');\n\n\t\t\t\t\tsd('dataLayer', {\n\t\t\t\t\t\tcountSearchResults: $(\"#numberHits\").text(),\n\t\t\t\t\t\tfilterSearch: {\n\t\t\t\t\t\t\tstatus: (currentRefinements[\"flags.type\"] ? currentRefinements[\"flags.type\"].includes(\"Certified\") : false) ? \"CPO\" : srpCondition,\n\t\t\t\t\t\t\tyear: currentRefinements.year ? currentRefinements.year.join(\"|\") : \"All\",\n\t\t\t\t\t\t\tmake: currentRefinements.make ? currentRefinements.make.join(\"|\") : \"All\",\n\t\t\t\t\t\t\tmodel: currentRefinements.model ? currentRefinements.model.join(\"|\") : \"All\",\n\t\t\t\t\t\t\tcolor: currentRefinements.generic_color ? currentRefinements.generic_color.join(\"|\") : \"All\",\n\t\t\t\t\t\t\ttrim: currentRefinements.trim ? currentRefinements.trim.join(\"|\") : \"All\",\n\t\t\t\t\t\t\tbodyStyle: currentRefinements.body ? currentRefinements.body.join(\"|\") : \"All\",\n\t\t\t\t\t\t\tfeatures: currentRefinements.features ? currentRefinements.features.join(\"|\") : \"All\",\n\t\t\t\t\t\t\tdrivetrain: currentRefinements.drivetrain ? currentRefinements.drivetrain.join(\"|\") : \"All\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\tevents: 'filterSearch'\n\t\t\t\t\t});\n\t\t\t\t\tsd('send');\n\n\t\t\t\t\tsd('dataLayer', {\n\t\t\t\t\t\tpageType: 'Page Not Found',\n\t\t\t\t\t\twebsiteTier: 'Tier 3',\n\t\t\t\t\t\tpageBrand: 'Toyota',\n\t\t\t\t\t\tsessionId: '',\n\t\t\t\t\t\tlanguage: 'en', \/\/note(ethan): need to change this to allow translations\n\t\t\t\t\t\ttrafficType: 'Organic Search',\n\t\t\t\t\t\tdealerZipCode: '77450',\n\t\t\t\t\t\tdealerState: 'TX',\n\t\t\t\t\t\tdealerCity: 'Katy',\n\t\t\t\t\t\tdealerName: 'Toyota of Katy',\n\t\t\t\t\t\tdealerTda: 'GST10',\n\t\t\t\t\t\tsiteTechnologyVersion: '2.0031',\n\t\t\t\t\t\tuserZipCode: '', \/\/note(ethan): add user location\n\t\t\t\t\t\tuserCity: '',\n\t\t\t\t\t\tuserState: ''\n\t\t\t\t\t});\n\t\t\t\t\tsd('send', 'pageview');\n\n\t\t\t\t\tsearchChanged = false;\n\t\t\t\t}\n\t\t\t}, 1000);\n\n\t\t\t$(\"#clearResults\").click(function () {\n\t\t\t\tsd('dataLayer', {\n\t\t\t\t\tcountSearchResults: $(\"#numberHits\").text(),\n\t\t\t\t\tfilterSearch: {\n\t\t\t\t\t\tstatus: (currentRefinements[\"flags.type\"] ? currentRefinements[\"flags.type\"].includes(\"Certified\") : false) ? \"CPO\" : srpCondition,\n\t\t\t\t\t\tyear: currentRefinements.year ? currentRefinements.year.join(\"|\") : \"All\",\n\t\t\t\t\t\tmake: currentRefinements.make ? currentRefinements.make.join(\"|\") : \"All\",\n\t\t\t\t\t\tmodel: currentRefinements.model ? currentRefinements.model.join(\"|\") : \"All\",\n\t\t\t\t\t\tcolor: currentRefinements.generic_color ? currentRefinements.generic_color.join(\"|\") : \"All\",\n\t\t\t\t\t\ttrim: currentRefinements.trim ? currentRefinements.trim.join(\"|\") : \"All\",\n\t\t\t\t\t\tbodyStyle: currentRefinements.body ? currentRefinements.body.join(\"|\") : \"All\",\n\t\t\t\t\t\tfeatures: currentRefinements.features ? currentRefinements.features.join(\"|\") : \"All\",\n\t\t\t\t\t\tdrivetrain: currentRefinements.drivetrain ? currentRefinements.drivetrain.join(\"|\") : \"All\"\n\t\t\t\t\t},\n\t\t\t\t\tevents: 'filterSearch'\n\t\t\t\t});\n\t\t\t\tsd('send');\n\n\t\t\t\tsd('dataLayer', {\n\t\t\t\t\tpageType: 'Page Not Found',\n\t\t\t\t\twebsiteTier: 'Tier 3',\n\t\t\t\t\tpageBrand: 'Toyota',\n\t\t\t\t\tsessionId: '',\n\t\t\t\t\tlanguage: 'en', \/\/note(ethan): need to change this to allow translations\n\t\t\t\t\ttrafficType: 'Organic Search',\n\t\t\t\t\tdealerZipCode: '77450',\n\t\t\t\t\tdealerState: 'TX',\n\t\t\t\t\tdealerCity: 'Katy',\n\t\t\t\t\tdealerName: 'Toyota of Katy',\n\t\t\t\t\tdealerTda: 'GST10',\n\t\t\t\t\tsiteTechnologyVersion: '2.0031',\n\t\t\t\t\tuserZipCode: '', \/\/note(ethan): add user location\n\t\t\t\t\tuserCity: '',\n\t\t\t\t\tuserState: ''\n\t\t\t\t});\n\t\t\t\tsd('send', 'pageview');\n\t\t\t});\n\t\t}\n\t}\n\n\tsearch.on('render', onRenderHandler);\n\tsearch.start();\n\n\t$.fn.isInViewport = function() {\n\t\tvar elementTop = $(this).offset().top;\n\t\tvar elementBottom = elementTop + $(this).outerHeight();\n\n\t\tvar viewportTop = $(window).scrollTop();\n\t\tvar viewportBottom = viewportTop + $(window).height();\n\n\t\treturn elementBottom > viewportTop && elementTop < viewportBottom;\n\t};\n\n\t$(document).ready(function () { \n\t\t$(\".ais-RefinementList-item\").click(function() {\n\t\t\tfilterChanged = true;\n\t\t});\n\n\t\t$(\".ais-SearchBox-input\").keypress(function() {\n\t\t\tsearchChanged = true;\n\t\t});\n\n\t\t\/\/Close mobile filters when a search is entered\n\t\t$('input[type=search]').on('search', function () {\n\t\t\tif ($('.side-panel-container').hasClass('mobileFilters'))\n\t\t\t{\n\t\t\t\ttoggleFilters();\n\t\t\t}\n\t\t});\n\n\t\t\/\/Clear filters, searchbar, and set the filters bar back to the normal color\n\t\t$(\"#clearResults\").click(function() {\n\t\t\tsearch.helper.setQuery('').search();\n\t\t\t$('#showFilters').css('background-color', '#EB0A1E');\n\t\t\t$('#showFilters').css('color', '#FFFFFF');\n\t\t});\n\n\t\t\/\/ Clear filters and set the filters bar back to the normal color\n\t\t$(\"#dv-srp-clear-filters, #srp-filters-reset-btn\").click(function() {\n\t\t\tsearch.helper.setQuery('').search();\n\t\t\t$('#showFilters').css('background-color', '#EB0A1E');\n\t\t\t$('#showFilters').css('color', '#FFFFFF');\n\t\t});\n\n\t\t\/\/ Clear Search bar\n\t\t$(\"#clearSearchResults\").click(function() {\n\t\t\tdocument.querySelector('#clearSearchResults').style.display = \"none\";\n\t\t\tsearch.helper.setQuery('').search();\n\t\t});\n\t\t\n\n\t\tvar placeholderText = [\n\t\t\t\t\t];\n\n\t\tvar placeholderTextVoice = [\n\t\t\t\t\t\t\t\"Listening, Say \\\"Show Me a Red \" + new Date().getFullYear() + \" Toyota with Navigation\\\"\",\n\t\t\t\t\t];\n\n\t\t\/\/Change mobile filters bar when text is typed in the searchbar\n\t\t$('.ais-SearchBox-input').change(function () {\n\t\t\t$('#showFilters').css('background-color', '#000000');\n\t\t\t$('#showFilters').css('color', '#FFFFFF');\n\t\t})\n\n\t\t\/\/Make vehicle cars click into the VDP\n\t\t$(document.body).on(\"click\", \".car-title, .srp-slider-buttons, .srp-click-image\", function (e) {\n\t\t\tvar vehicle_url = $(this).closest(\".listing-container\").attr(\"data-url\");\n\t\t\twindow.location = vehicle_url;\n\t\t});\n\n\t\tif (haveSdAnalytics && sd) \n\t\t{\n\t\t\tsd('dataLayer', {\n\t\t\t\tcountSearchResults: $(\"#numberHits\").text(),\n\t\t\t\tfilterSearch: {\n\t\t\t\t\tstatus: (currentRefinements[\"flags.type\"] ? currentRefinements[\"flags.type\"].includes(\"Certified\") : false) ? \"CPO\" : srpCondition,\n\t\t\t\t\tyear: currentRefinements.year ? currentRefinements.year.join(\"|\") : \"All\",\n\t\t\t\t\tmake: currentRefinements.make ? currentRefinements.make.join(\"|\") : \"All\",\n\t\t\t\t\tmodel: currentRefinements.model ? currentRefinements.model.join(\"|\") : \"All\",\n\t\t\t\t\tcolor: currentRefinements.generic_color ? currentRefinements.generic_color.join(\"|\") : \"All\",\n\t\t\t\t\ttrim: currentRefinements.trim ? currentRefinements.trim.join(\"|\") : \"All\",\n\t\t\t\t\tbodyStyle: currentRefinements.body ? currentRefinements.body.join(\"|\") : \"All\",\n\t\t\t\t\tfeatures: currentRefinements.features ? currentRefinements.features.join(\"|\") : \"All\",\n\t\t\t\t\tdrivetrain: currentRefinements.drivetrain ? currentRefinements.drivetrain.join(\"|\") : \"All\"\n\t\t\t\t},\n\t\t\t\tevents: 'filterSearch'\n\t\t\t});\n\t\t\tsd('send');\n\t\t}\n\t});\n\n}\n\n<\/script>\n\n<body class=\"srp_main\">\n    \n    <div class=\"srpLoading\">\n        <div class=\"lds-ring\"><div><\/div><div><\/div><div><\/div><div><\/div><\/div>\n    <\/div>\n    \n<div class=\"srp-header\">\n    <div id=\"resultsStats\"><\/div>\n    <div class=\"srp-header-results\">\n        <div class=\"srp-search\">\n            <div class=\"srp-searchbar\">\n                <i class=\"fal fa-microphone\"><\/i>\n                <div id=\"searchbox\"><\/div>\n\t\t\t\t<\/div>\n            <div id=\"clearSearchResults\"><button><i class=\"fal fa-backspace\"><\/i> <span>Clear<br>Search<\/span><\/button><\/div>\n        <\/div>\n        <div class=\"srp-header-right\">\n          \t<div id=\"sortBy\"><div class=\"sortByIcon\"><i class=\"fas fa-sort-alt\"><\/i><\/div><div id=\"sortByData\"><\/div><\/div>\n            <div id=\"pagination-top\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<main>\n\n<div class=\"result-wrapper \">\n\n<h1 style=\"visibility: hidden; position: absolute; z-index: 0;\">New Toyota Corolla Cross For Sale In Katy TX<\/h1>\n\n\n<div class=\"dv-srp-filter-tags\">\n\t\t<div class=\"dv-srp-filter-clear-btn\" id=\"dv-srp-clear-filters\"><\/div>\n\t\t<div id=\"filterTags\"><\/div>\n<\/div>\n\n<div id=\"srp-results\" class=\"srp-results\">\n  <div id=\"hit-template\">\n\t<div>\n\t  <div class=\"listing\">\n\t\t<div class=\"listing-container\" data-url='{{vdpUrl}}'>\n\t\t  <div class=\"left-side\">\n\t\t\t<div class=\"vehicle-image\">\n\t\t\t  \t\t\t  \t\t\t  <div class=\"img-container\">\n\t\t\t\t{{#flags.hasSpecial}}\n\t\t\t\t  <div class=\"vehicle-special srp-banner-overlay\">{{flags.specialText}}<\/div>\n\t\t\t\t{{\/flags.hasSpecial}}\n\t\t\t\t\t\t\t\t{{#flags.isReserved}}\n\t\t\t\t  <div class=\"vehicle-special reserved-vehicle\">\n\t\t\t\t\tThis vehicle has a pending sale.\t\t\t\t\t  \t\t\t\t\t<div class=\"dv-tooltip\">\n\t\t\t\t\t  <p class=\"dv-tooltip-content\">Pending Sale indicates a customer has either reserved or has begun the process to purchase this vehicle. Please contact us directly to learn about similar vehicles.<\/p>\n\t\t\t\t\t  <i class=\"fal fa-question-circle\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t{{\/flags.isReserved}}\n\t\t\t\t<div class=\"vehicle-views\">\n\t\t\t\t<div id=\"swiper-449623\" class=\"swiper srp-swiper-vehicles img\" data-id=\"449623\">\n    <div class=\"swiper-wrapper\">\n        {{#imageUrls}}\n        <div class=\"swiper-slide\">\n            <img class=\"lazy srp-click-image\" alt=\"{{condition}} {{yr}} {{make}} {{model}} {{body}}\" data-src=\"{{.}}\" \/>\n        <\/div>\n        {{\/imageUrls}}\n    <\/div>\n    <!-- Add Navigation -->\n    <div class=\"swiper-button-next swiper-button-next-449623\"><\/div>\n    <div class=\"swiper-button-prev swiper-button-prev-449623\"><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t  <\/div>\n\t\t\t  \t\t\t  <div class=\"vehicle-colors\">\n\t\t\t\t<div class=\"exterior-color\">\n\t\t\t\t  {{#exteriorColor}}\n\t\t\t\t\t  <div style=\"background-color:{{exteriorHex}};\"><\/div>\n\t\t\t\t\t<div class=\"color-info\">\n\t\t\t\t\t  <p class=\"color-label\">EXTERIOR<\/p>\n\t\t\t\t\t  <p class=\"color\">{{exteriorColor}} {{#exteriorColorDisclaimer}}<i class=\"fad fa-info-circle\" onclick=\"DVPopUp(this);return false;\" data-disclaimer=\"{{exteriorColorDisclaimer}}\"><\/i>{{\/exteriorColorDisclaimer}}<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t  {{\/exteriorColor}}\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"interior-color\">\n\t\t\t\t  {{#interiorColor}}\n\t\t\t\t\t{{#flags.hasInteriorHex}}\n\t\t\t\t\t  <div style=\"background-color:{{interiorHex}};\"><\/div>\n\t\t\t\t\t{{\/flags.hasInteriorHex}}\n\t\t\t\t\t{{^flags.hasInteriorHex}}\n\t\t\t\t\t  <div style=\"background: url('\/\/bucket.dealeralchemist.com\/assets\/images\/slash-square.png');background-size: 100%;\"><\/div>\n\t\t\t\t\t{{\/flags.hasInteriorHex}}\n\t\t\t\t\t<div class=\"color-info\">\n\t\t\t\t\t  <p class=\"color-label\">INTERIOR<\/p>\n\t\t\t\t\t  <p class=\"color\">{{interiorColor}} {{#interiorColorDisclaimer}}<i class=\"fad fa-info-circle\" onclick=\"DVPopUp(this);return false;\" data-disclaimer=\"{{interiorColorDisclaimer}}\"><\/i>{{\/interiorColorDisclaimer}}<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t  {{\/interiorColor}}\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t\t  <div class=\"below-vehicle-colors\">\n\t\t\t\t\n\t\t\t  <\/div>\n\t\t\t<\/div>\n\t\t  <\/div>\n\t\t  <div class=\"right-side\">\n\t\t\t<div class=\"right-top\" style=\"padding-left:0px\">\n\t\t\t  <div class=\"vehicle-info\">\n\t\t\t\t<a href=\"{{vdpUrl}}\">\n\t\t\t\t  <h2 class=\"car-title\"><p class=\"category\">{{condition}} {{yr}}<\/p>\r\n<span class=\"new-used secondary_color\">{{make}} {{model}} {{trim}} {{cab}} {{bed}}<\/span><\/h2>\n\t\t\t\t  <div class=\"vin-stock\">\n\t\t\t\t\t<p class=\"vin\"><p class=\"trans\">VIN: <span class=\"bold-value-2\" style=\"color:#262626; font-size:.75rem; font-weight: 600;\"> {{vin}}<\/span><\/p> &nbsp;&nbsp;&nbsp;\r\n{{#stockNumber}}<p class=\"trim\">Stock:<span class=\"bold-value-2\" style=\"color:#262626; font-size:.75rem; font-weight: 600;\"> {{stockNumber}}<\/span><\/p>{{\/stockNumber}}<\/p>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<div class=\"specs\">\n\t\t\t\t\t\t{{#mileage}}\n\t\t\t\t\t\t<p>Mileage:<span> {{#helpers.formatNumber}}{{mileage}}{{\/helpers.formatNumber}}<\/span><\/p>\n\t\t\t\t\t\t{{\/mileage}}\n\t\t\t\t\t\t<p>Body Style:<span> {{body}}<\/span><\/p>\n\t\t\t\t\t\t<p>Engine:<span> {{engine}}<\/span><\/p>\n\t\t\t\t\t\t<p>Transmission: <span> {{transmission}}<\/span><\/p>\n\t\t\t\t\t\t<p>Drivetrain:<span> {{drivetrain}}<\/span><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"right-bottom\">\n\t\t\t\t\t<div class=\"srp-cta\">\n\t\t\t\t\t\t<a class=\"srp-cta-1-btn srp_cta_1 srp_cta internal-btn\" href=\"{{vdpUrl}}\">View Details & Pricing<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<\/div>\t\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t\t\t\t<div class=\"listing-bottom-row\">\n\t\t  <div class=\"dealer-phone\">\r\n    <p style=\"text-transform: capitalize;\"><a data-aga-event=\"getDirections\" href=\"{{dealer.googleShareUrl}}\" target=\"_blank\">{{dealer.name}}<\/a><\/p>\r\n    <p><a class=\"dv-lowerbar-used-srp-veh-phone\" data-aga-event=\"clickToCall\" data-aga-event-set-prop=\"clickToCallDepartment|Sales\" href=\"tel:{{dealer.phone}}\"><i class=\"fal fa-phone-alt\"><\/i>{{dealer.phone}}<\/a><\/p>\r\n<\/div>\t\t<\/div>\n\t\t\t  <\/div>\n\t<\/div>\n  <\/div>\n<\/div>\n\n<div class=\"srp-bottom-disclaimers\">\r\n<h4>Disclaimer<\/h4>\r\n*Picture may not represent actual vehicle. Price varies based on Trim Levels and Options. See Dealer for in-stock inventory and actual selling price. All prices plus tax, title & license with approved credit. MSRP includes delivery, processing, and handling fees. Dealer doc fee of $225 not included in the price. Prices may be different outside of each advertised period and do not necessarily reflect cash price at any other time. Inventory is subject to prior sale. We are not responsible for typographical, technical, or misprint errors. MSRP does not include dealer installed options. Dealer installed options may be extra. Please contact us directly via phone or email to verify all information.\r\n<\/div>\n<div class=\"srp-footer\">\n  <div id=\"resultsStats-bottom\"><\/div>\n  <div id=\"pagination-bottom\"><\/div>\n<\/div>\n<\/div>\n\n<div id=\"empty-template\" style='display:none;'>\n<div class='row srp-no-results'><h3>Don't see the vehicle you are looking for? We will find it for you!<\/h3><\/div><div class='srp-noResults-wrapper'>\n                <div class='gf_browser_unknown gform_wrapper orderparts_wrapper' id='gform_wrapper_7' ><form data-id=\"7\" data-type=\"unknown\" data-department=\"unknown\" data-name=\"Vehicle Finder Service\" data-redirected=\"true\" method='post' enctype='multipart\/form-data'  id='gform_7' class='orderparts' action='\/wp-json\/wp\/v2\/pages\/90237\/'>\n                        <div class='gform_body'><ul id='gform_fields_7' class='gform_fields left_label form_sublabel_below description_below'><li id='field_7_6'  class='gfield gsection field_sublabel_below field_description_below gfield_visibility_visible' ><h2 class='gsection_title'>Vehicle Info<\/h2><\/li><li id='field_7_35'  class='gfield gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below field_description_below gfield_visibility_visible' ><\/ul><ul class=\"formsection\"><\/li><li id='field_7_49'  class='gfield dv-form-textbox dv-form-name gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label gfield_label_before_complex'  >Name<span class='gfield_required'>*<\/span><\/label><div class='ginput_complex ginput_container no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name' id='input_7_49'>\n                            \n                            <span id='input_7_49_3_container' class='name_first' >\n                                                    <input type='text' name='input_49.3' id='input_7_49_3' value='' aria-label='First name' tabindex='50'  aria-required=\"true\" aria-invalid=\"false\" placeholder='First'\/>\n                                                    <label for='input_7_49_3' >First<\/label>\n                                                <\/span>\n                            \n                            <span id='input_7_49_6_container' class='name_last' >\n                                                    <input type='text' name='input_49.6' id='input_7_49_6' value='' aria-label='Last name' tabindex='52'  aria-required=\"true\" aria-invalid=\"false\" placeholder='Last'\/>\n                                                    <label for='input_7_49_6' >Last<\/label>\n                                                <\/span>\n                            \n                        <\/div><\/li><li id='field_7_3'  class='gfield dv-form-textbox field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_3' >Phone<\/label><div class='ginput_container ginput_container_phone'><input name='input_3' id='input_7_3' type='text' value='' class='medium' tabindex='54'   aria-invalid=\"false\" \/><\/div><\/li><li id='field_7_4'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_4' >Email<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_4' id='input_7_4' type='text' value='' class='medium' tabindex='55'   aria-required=\"true\" aria-invalid=\"false\"\/>\n                        <\/div><\/li><li id='field_7_5'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label'  >Contact Preference?<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_radio'><ul class='gfield_radio' id='input_7_5'><li class='gchoice_7_5_0'><input name='input_5' type='radio' value='Phone'  id='choice_7_5_0' tabindex='56'   \/><label for='choice_7_5_0' id='label_7_5_0'>Phone<\/label><\/li><li class='gchoice_7_5_1'><input name='input_5' type='radio' value='Email'  id='choice_7_5_1' tabindex='57'   \/><label for='choice_7_5_1' id='label_7_5_1'>Email<\/label><\/li><\/ul><\/div><\/li><li id='field_7_36'  class='gfield gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below field_description_below gfield_visibility_visible' ><\/ul><ul><\/li><li id='field_7_7'  class='gfield gsection field_sublabel_below field_description_below gfield_visibility_visible' ><h2 class='gsection_title'>What Are You Looking For?<\/h2><\/li><li id='field_7_37'  class='gfield gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below field_description_below gfield_visibility_visible' ><\/ul><ul class=\"formsection\"><\/li><li id='field_7_41'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label'  >Type<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_radio'><ul class='gfield_radio' id='input_7_41'><li class='gchoice_7_41_0'><input name='input_41' type='radio' value='New'  id='choice_7_41_0' tabindex='58'   \/><label for='choice_7_41_0' id='label_7_41_0'>New<\/label><\/li><li class='gchoice_7_41_1'><input name='input_41' type='radio' value='Used'  id='choice_7_41_1' tabindex='59'   \/><label for='choice_7_41_1' id='label_7_41_1'>Used<\/label><\/li><li class='gchoice_7_41_2'><input name='input_41' type='radio' value='Any'  id='choice_7_41_2' tabindex='60'   \/><label for='choice_7_41_2' id='label_7_41_2'>Any<\/label><\/li><\/ul><\/div><\/li><li id='field_7_50'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_50' >Year<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_50' id='input_7_50' type='text' value='' class='medium'   tabindex='61' placeholder='XXXX' aria-required=\"true\" aria-invalid=\"false\" \/><\/div><\/li><li id='field_7_44'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_44' >Mileage (Max)<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_44' id='input_7_44' class='medium gfield_select' tabindex='62'  aria-required=\"true\" aria-invalid=\"false\"><option value='5000' >5000<\/option><option value='10000' >10000<\/option><option value='15000' >15000<\/option><option value='20000' >20000<\/option><option value='25000' >25000<\/option><option value='30000' >30000<\/option><option value='40000' >40000<\/option><option value='50000' >50000<\/option><option value='60000' >60000<\/option><option value='70000' >70000<\/option><option value='80000' >80000<\/option><option value='90000' >90000<\/option><option value='100000' >100000<\/option><option value='150000' >150000<\/option><option value='Any' >Any<\/option><\/select><\/div><\/li><li id='field_7_45'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_45' >Price (Max)<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_45' id='input_7_45' class='medium gfield_select' tabindex='63'  aria-required=\"true\" aria-invalid=\"false\"><option value='Any' >Any<\/option><option value='$200000' >$200000<\/option><option value='$150000' >$150000<\/option><option value='$120000' >$120000<\/option><option value='$100000' >$100000<\/option><option value='$90000' >$90000<\/option><option value='$80000' >$80000<\/option><option value='$70000' >$70000<\/option><option value='$60000' >$60000<\/option><option value='$50000' >$50000<\/option><option value='$40000' >$40000<\/option><option value='$30000' >$30000<\/option><option value='$25000' >$25000<\/option><option value='$20000' >$20000<\/option><option value='$15000' >$15000<\/option><option value='$10000' >$10000<\/option><option value='$5000' >$5000<\/option><\/select><\/div><\/li><li id='field_7_9'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_9' >Make<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_7_9' type='text' value='' class='medium'   tabindex='64'  aria-required=\"true\" aria-invalid=\"false\" \/><\/div><\/li><li id='field_7_10'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_10' >Model<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_7_10' type='text' value='' class='medium'   tabindex='65'  aria-required=\"true\" aria-invalid=\"false\" \/><\/div><\/li><li id='field_7_11'  class='gfield dv-form-textbox field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_11' >Trim<\/label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_7_11' type='text' value='' class='medium'   tabindex='66'   aria-invalid=\"false\" \/><\/div><\/li><li id='field_7_46'  class='gfield dv-form-textbox field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_46' >Color<\/label><div class='ginput_container ginput_container_text'><input name='input_46' id='input_7_46' type='text' value='' class='medium'   tabindex='67'   aria-invalid=\"false\" \/><\/div><\/li><li id='field_7_12'  class='gfield dv-form-textbox gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label'  >Transmission<span class='gfield_required'>*<\/span><\/label><div class='ginput_container ginput_container_radio'><ul class='gfield_radio' id='input_7_12'><li class='gchoice_7_12_0'><input name='input_12' type='radio' value='Automatic'  id='choice_7_12_0' tabindex='68'   \/><label for='choice_7_12_0' id='label_7_12_0'>Automatic<\/label><\/li><li class='gchoice_7_12_1'><input name='input_12' type='radio' value='Manual'  id='choice_7_12_1' tabindex='69'   \/><label for='choice_7_12_1' id='label_7_12_1'>Manual<\/label><\/li><\/ul><\/div><\/li><li id='field_7_47'  class='gfield dv-form-textbox field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_47' >Message<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_47' id='input_7_47' class='textarea small' tabindex='70'     aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/li><li id='field_7_38'  class='gfield gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below field_description_below gfield_visibility_visible' ><\/ul><ul><\/li><li id='field_7_39'  class='gfield gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below field_description_below gfield_visibility_visible' ><div class=\"bottomsection\">By submitting this form, you agree to be contacted with information regarding the vehicle you are searching for.<\/div><\/ul><\/li><li id='field_7_40'  class='gfield hidden field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_40' >Referral ID<\/label><\/li><li id='field_7_51'  class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_7_51' >Phone<\/label><div class='ginput_container'><input name='input_51' id='input_7_51' type='text' value='' \/><\/div><div class='gfield_description' id='gfield_description__51'>This field is for validation purposes and should be left unchanged.<\/div><\/li>\n                            <\/ul><\/div>\n        <div class='gform_footer left_label'> <input type='submit' id='gform_submit_button_7' class='gform_button button' value='Let us find it!' tabindex='71' onclick='if(window[\"gf_submitting_7\"]){return false;}  window[\"gf_submitting_7\"]=true;  ' onkeypress='if( event.keyCode == 13 ){ if(window[\"gf_submitting_7\"]){return false;} window[\"gf_submitting_7\"]=true;  jQuery(\"#gform_7\").trigger(\"submit\",[true]); }' \/> \n            <input type='hidden' class='gform_hidden' name='is_submit_7' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='7' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_7' value='WyJbXSIsIjNlYTg3MmQxYjA0YTRjODg5ODIwMmI0ODRkNTk3YjZkIl0=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_target_page_number_7' id='gform_target_page_number_7' value='0' \/>\n            <input type='hidden' class='gform_hidden' name='gform_source_page_number_7' id='gform_source_page_number_7' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p class=\"gf-consent-text\" style=\"margin-top: 12px; font-size:11px; color:#999B9F; line-height:1.1rem;\">By submitting your information, you consent to receive communications from Toyota of Katy, including SMS, voice calls, and\/or emails, regarding our products, services, and promotional offers. These communications may be sent using automated technology. Consent is not a condition of purchase. Standard messaging and data rates may apply.<\/p><p style=\"display: none !important;\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"137\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n                        <\/div><\/div><\/div>\n\n\n<\/main>\n<script src=\"https:\/\/www.toyotaofkaty.com\/app\/themes\/dv-framework\/media\/js\/video.js?v=1.709.771\"><\/script>\n<!-- Slick Slider Styles for SRP -->\n<style>\n\n\t\/*****************************************************************************************************************************\/\n    \/* CUSTOM STYLES 10\/18\/22 @ Layth *\/\n    \/*****************************************************************************************************************************\/\n\t.main * {\n\t\tbox-sizing: border-box\n\t}\n\t.ais-Hits-list {\n\t\tjustify-content: center\n\t}\n\t.ais-Hits-item {\n\t\twidth: auto !important;\n\t\tflex: 0 1 calc(16.6666% - 25px);\n\t\tmargin: 0 12.5px;\n\t\tmargin-top: 25px;\n\t\t\/* margin-right: auto; *\/\n\t}\n\n\n\t.vehicle-price-container {\n\t\tmargin-bottom: 25px;\n\t}\n\n\t.right-bottom {\n\t\tmargin-top:50px;\n\t\tmargin-bottom:50px;\n\t}\n\n.vehicle-price {\n\tdisplay: flex;\n    flex-direction: column; \n    gap: 0px; \n\tmargin-bottom:50px;\n}\n\n\n@media (max-width: 768px) {\n    .vehicle-price {\n        gap: 5px; \n    }\n}\n\t\n\t.vehicle-info {\n\t\twidth: 100%\n\t}\n\t.srp-cta {\n\t\tpadding: 0\n\t}\n\t.srp-cta .srp_cta.internal-btn {\n\t\tbackground-color: #eb0a1e !important;\n\t\tcolor: #fff;\n\t\tborder: 1px solid #eb0a1e;\n\t}\n\t.srp-cta .srp_cta.internal-btn:hover {\n\t\tbackground-color: transparent !important;\n\t\tcolor: #eb0a1e !important;\n\t}\n\t.srp-results {\n\t\twidth: 100%;\n\t}\n\n\t.img-container {\n\t\tpadding-bottom: 67% \/* this is because were showing 5 per row *\/\n\t}\n\t@media screen and (max-width: 1024px) {\n\t\t.srp-header {\n\t\t\theight: auto !important\n\t\t}\n\t\t.main {\n\t\t\tmargin-top: 0\n\t\t}\n\t}\n\t@media screen and (max-width: 768px) {\n\t\t.ais-Hits-item {\n\t\t\tflex: 1 1 auto !important\n\t\t}\n\t}\n\t\/*****************************************************************************************************************************\/\n    \/* END CUSTOM *\/\n    \/*****************************************************************************************************************************\/\n    \n    \/*****************************************************************************************************************************\/\n    \/* CTA 1 Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-1-btn {\n        color: #ffffff !important;\n        background-color: #eb0a1e !important;\n    }\n\n    .srp-cta-1-btn:hover {\n        background-color: #000000 !important;\n    }\n\n    \/*****************************************************************************************************************************\/\n    \/* CTA 2 Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-2-btn {\n        color: #ffffff !important;\n        background-color: #d50000 !important;\n    }\n\n    .srp-cta-2-btn:hover {\n        background-color: #000000 !important;\n    }\n\n    \/*****************************************************************************************************************************\/\n    \/* CTA 3 Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-3-btn {\n        color: #ffffff !important;\n        background-color: #000000 !important;\n    }\n\n    .srp-cta-3-btn:hover {\n        background-color: #eeeeee !important;\n    }\n\n\n    \/*****************************************************************************************************************************\/\n    \/* CTA 4 Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-4-btn {\n        color: #ffffff !important;\n        background-color: #000000 !important;\n    }\n\n    .srp-cta-4-btn:hover {\n        background-color: #eeeeee !important;\n    }\n\n    \/*****************************************************************************************************************************\/\n    \/* CTA 5 Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-5-btn {\n        color: #ffffff !important;\n        background-color: #eb0a1e !important;\n    }\n\n    .srp-cta-5-btn:hover {\n        background-color: #000000 !important;\n    }\n\n    \/*****************************************************************************************************************************\/\n    \/* CTA 6 Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-6-btn {\n        color: #ffffff !important;\n        background-color: #000000 !important;\n    }\n\n    .srp-cta-6-btn:hover {\n        background-color: #eeeeee !important;\n    }\n\n    \/*****************************************************************************************************************************\/\n    \/* Roadster CTA Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-roadster-btn {\n        color: #063497 !important;\n        background-color: #ffcc00 !important;\n    }\n\n    \/*****************************************************************************************************************************\/\n    \/* Custom Modal CTA Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-modal-btn {\n        color: #ffffff;\n        background-color: #eb0a1e;\n    }\n\n    .srp-cta-modal-btn:hover {\n        color: #ffffff;\n        background-color: #000000;\n    }\n\n    \/*****************************************************************************************************************************\/\n    \/* Pricing Gate Button *\/\n    \/*****************************************************************************************************************************\/\n    .srp-cta-pricinggate-btn {\n        color: #ffffff !important;\n        background-color: #000000 !important;\n    }\n\n    .srp-cta-pricinggate-btn:hover {\n        color: #eeeeee !important;\n        background-color: #eeeeee !important;\n    }\n\n    \n    \/*****************************************************************************************************************************\/\n    \/* Instant Search Styles *\/\n    \/*****************************************************************************************************************************\/\n\n    .ais-Pagination-item--firstPage .ais-Pagination-link, .ais-Pagination-item--previousPage .ais-Pagination-link, .ais-Pagination-item--nextPage .ais-Pagination-link, .ais-Pagination-item--lastPage .ais-Pagination-link {\n        color: #eb0a1e;\n    }\n\n    .ais-RefinementList-count {\n        color: #eb0a1e;\n    }\n\n    .vehicle-special {\n        background-color: #f00f00;\n    }\n\n    .showFilters {\n        background-color: #EB0A1E;\n        color: #FFFFFF;\n    }\n\n    .srp-header {\n        top: 116px;\n    }\n\n    .car-title > p {\n        color: #eb0a1e;\n    }\n\n    .listing-bottom-row {\n        background-color: #000000;\n        color: #ffffff;\n    }\n\n    .specs {\n        height: 100px;\n    }\n\n    .img-container {\n        padding-bottom: 75%;\n    }\n\n    #clearResults button {\n        color: #eb0a1e;\n    }\n\n    .srp-windowsticker.srp_cta:hover {\n        background-color: #ffffff;\n        color: #eb0a1e;\n        border-color: #eb0a1e;\n    }\n\n    .reserved-vehicle {\n        background-color: #EB0A11;\n        color: ;\n    }\n\n    \n            .vehicle-price-container {\n            height: 110px;\n        }\n    \n    @media screen and (max-width: 1024px)\n    {   \n        .srp-header {\n            top: 75px;\n        }\n\n        .srp-filters {\n            padding-top: calc(75px);\n        }\n    }\n\n    .srp-bottom-disclaimers {\r\n    font-size: 12px;\r\n    color: #bcc4cc;\r\n}\r\n.srp-bottom-disclaimers h4 {\r\n    text-transform: none;\r\n    padding-bottom: 12.5px;\r\n    color: #000;\r\n}\r\n.srp-dp {\r\n        color: #fff;\r\n        background-color: #eb0a1e;\r\n        border-radius: 0;\r\n    width: 100%;\r\n    margin-bottom:1px;\r\n    text-align:center;\r\n    display: block;\r\n    padding: 3.125px;\r\nbox-sizing: border-box;\r\nfont-weight:600;\r\n}\r\n\r\n.srp-custom-six {\r\n    display:grid;\r\n    text-align:center;\r\n}\r\n\r\n\/*Edmunds Trade CTA*\/\r\n.dv-edm-cta {\r\n    width: 100%;\r\n    display: block;\r\n    border: 0;\r\n    padding: 14px;\r\n    box-sizing: border-box;\r\n    margin-bottom: 12.5px;\r\n    text-align:center;\r\n    background:#000;\r\n    color:#fff;\r\n}\r\n\r\n.dv-edm-cta:active,\r\n.dv-edm-cta:focus,\r\n.dv-edm-cta:visited {\r\n    background: #000;\r\n    color:#fff;\r\n}\r\n\r\n.dv-edm-cta:hover {\r\n    cursor: pointer;\r\n    background: #3f3f3f;\r\n    color:#fff;\r\n}\r\n\r\n.srp-cta a:last-of-type {\r\n    margin-bottom:5px !important;\r\n}\r\n\/*Edmunds Trade CTA*\/\r\n\r\n .srp-extra-div { \r\n    margin: auto;\r\n    padding-bottom: 5px;\r\n    width:100%;\r\n }\r\n\r\n .ag-vin-stock {\r\n     display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n }\r\n\r\n\r\n\/*Pricing Slash*\/\r\n.dv-price-stack p {\r\n    position: relative;\r\n}\r\n.dv-price-stack .dv-price-slash {\r\n    z-index: 98;\r\n    position: absolute;\r\n    right: 0;\r\n    max-width: 50px;\r\n}\r\n\/*Pricing Slash*\/\r\n\r\n\/*Price Stack Styles*\/\r\n.dv-price-stack p {\r\n    height: 33px;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    position: relative;\r\n}\r\n.dv-price-stack p b {\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n}\r\n.dv-price-stack span {\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n}\r\n.dv-price-stack .dv-price-slash {\r\n    max-width: 63px;\r\n    z-index: 98;\r\n    position: absolute;\r\n    right: 0;\r\n}\r\n.dv-pricing-stack-strong .dv-pricing-stack-value-default {\r\n    color: #000;\r\n}\r\n\/*Price Stack Styles*\/\r\n\r\n\/* Payment options *\/\r\n.dv-payment-values {\r\n    display: flex;\r\n    width: 100%;\r\n    align-items: center;\r\n    text-align: center;\r\n    margin-top: 10px;\r\n}\r\n\r\n.dv-payment-finance {\r\n    width: 50%;\r\n}\r\n\r\n.dv-payment-full-width {\r\n    width: 100%;\r\n}\r\n\r\n.dv-verical-line {\r\n    height: 37px;\r\n    background-color: #000;\r\n    margin: 0 10px;\r\n    border: solid 1px #E8E8E8;\r\n    margin-left: 25px;\r\n    margin-right: 25px;\r\n}\r\n\r\n.dv-payment-finance-header {\r\n    font-size: 12px;\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.dv-payment-finance-money {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n}\r\n\r\n.dv-payment-personalize {\r\n    text-align: center;\r\n    width: 100%;\r\n    margin-top: -15px;\r\n    z-index: 9999;\r\n}\r\n\r\n.dv-payment-icon {\r\n    margin-top: 12px;\r\n    margin-left: 5px;\r\n}\r\n\r\n\/* Payment options *\/<\/style>\n\n    <footer>\n            <\/footer>\n   \n<\/body>\n\n<style>\n\n.ais-Hits-item{\n\twidth:200px;\n}\n\n#hit-template{\n\twidth:100%;\n}\n\n.ais-Hits-list{\n\twidth:100%;\n}\n<\/style>\n\n<script>\n\t$(document).ready(function () {\n\n        srpReady();\n\n\t\t$('.vehicle-slider').slick({\n\t\t\tnextArrow: '<i class=\"fas fa-angle-right\"><\/i>',\n\t\t\tprevArrow: '<i class=\"fas fa-angle-left\"><\/i>'\n\t\t});\n\t})\n\n\tfunction checkForResults() {\n    if ($(\"#srp-results .ais-Hits-item\")[0] || $(\"#srp-results .srp-no-results\").is(\":visible\")) {\n      $(\".srpLoading\").remove();\n    } else {\n      setTimeout(checkForResults, 100);\n    }\n  }\n\n  checkForResults();\n\n<\/script>\n\n<\/HTML>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-63db2ab4\" data-vce-do-apply=\"all el-63db2ab4\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-af63b5f6\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-af63b5f6\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-af63b5f6\"><div class=\"vcv-row-control-wrapper\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-0d6fb82e\" data-vce-do-apply=\"all el-0d6fb82e\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-5a558d3d\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-5a558d3d\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-5a558d3d\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-0f766806\" data-vce-do-apply=\"all el-0f766806\"><h2><b>Toyota Corolla Cross for Sale in Katy, TX<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/www.toyotaofkaty.com\/new-vehicles\/new-toyota-vehicles-for-sale-in-katy-tx\/\">New Toyota<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/new-vehicles\/new-toyota-sedan-for-sale-in-katy-tx\/\"><span style=\"font-weight: 400;\">New Toyota Sedans<\/span><\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/specials\/new-vehicle\/\">New Toyota Specials<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/research\/tacoma\/\">New Tacoma Truck Research<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/toyota-complete-service-katy-tx.htm\">Service Center<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/financing\/index.htm\">Finance Center<\/a><\/strong><\/p>\n<h2><b>Toyota Corolla Cross Dealership Serving:<\/b><\/h2>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-fulshear-tx\/\">Fulshear<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-brookshire-tx\/\">Brookshire<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-rosenberg\/\">Rosenberg<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-houston\/\">Houston<\/a> | <a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-cypress-tx\/\">Cypress<\/a> | Sugar Land |<a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-richmond-tx\/\"> Richmond<\/a> |<a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-hockley-tx\/\"> Hockley<\/a> | Stafford | Waller | <a href=\"https:\/\/www.toyotaofkaty.com\/toyota-dealership-near-bridgeland-tx\/\">Bridgeland<\/a><\/strong><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">We Have a New Toyota Corolla Cross Near You:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">77493 | 77449 | 77494 | 77450 | 77094 | 77433 | 77407 | 77406 | 77423 | 77469<\/span><\/p><\/div><\/div><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-37499f3d\" data-vce-do-apply=\"all el-37499f3d\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>New Toyota Corolla Cross For Sale In Katy, TXToyota Corolla Cross for Sale in Katy, TX &nbsp; New Toyota | New Toyota Sedans | New Toyota Specials | New Tacoma Truck Research | Service Center | Finance Center Toyota Corolla Cross Dealership Serving: &nbsp; Fulshear | Brookshire | Rosenberg | Houston | Cypress | Sugar [&hellip;]<\/p>\n","protected":false},"author":414,"featured_media":0,"parent":16,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/pages\/90237"}],"collection":[{"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/users\/414"}],"replies":[{"embeddable":true,"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/comments?post=90237"}],"version-history":[{"count":3,"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/pages\/90237\/revisions"}],"predecessor-version":[{"id":100918,"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/pages\/90237\/revisions\/100918"}],"up":[{"embeddable":true,"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/pages\/16"}],"wp:attachment":[{"href":"https:\/\/www.toyotaofkaty.com\/wp-json\/wp\/v2\/media?parent=90237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}