{"product_id":"tacoma-4runner-running-boards-drop-side-steps-nerf-bar-for-toyota","title":"Tacoma\/4Runner Running Boards Drop Side Steps Nerf Bar 2.0 for Toyota","description":"\u003cp\u003e\u003cstrong\u003eWhy Do Tacoma\/4Runner Owners Need Running Boards?\u003c\/strong\u003e\u003cbr\u003e\u003cstrong\u003eA: \u003c\/strong\u003eThe Tacoma\/4Runner sits relatively high off the ground, especially when equipped with a lifted suspension and off-road tires, making it more difficult to get in and out. The drop-step running boards provide an additional stepping surface, making entry and exit easier for both drivers and passengers.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFitment: Specially designed for 2024+ Tacoma Double Cab \u0026amp; 2025+ 4Runner\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDrop-Step Design for Easier Access: \u003c\/strong\u003eThe lowered step pads provide a more accessible foothold, making it easier for drivers and passengers to get in and out of the Tacoma\/4Runner. Particularly useful for trucks with lifted suspensions and larger off-road tires.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFactory-Matched Textured Step Pads: \u003c\/strong\u003eThe step pads feature a stamped texture that matches the pattern of the factory wireless charging panel, creating a consistent design detail. The raised texture increases underfoot traction and helps reduce slipping in wet, muddy, or dusty conditions. It also helps scrape mud and debris from the soles of your shoes before entering the cab.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDual-Layer Corrosion Protection:\u003c\/strong\u003e Finished with a black textured powder coating, the running boards feature a dual-layer protective finish that helps resist corrosion and protects the steel surface during everyday and outdoor use.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAdded Side Protection:\u003c\/strong\u003e The tubular steel structure provides an additional layer of protection along the lower sides of your Tacoma\/4Runner, helping reduce minor scrapes and bumps during everyday use.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHeavy-Duty Steel Construction: \u003c\/strong\u003eMade from high-strength steel tubing, the running boards feature a sturdy structure designed for everyday entry and exit, as well as regular outdoor use.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eVehicle-Specific Bolt-On Installation: \u003c\/strong\u003eDesigned specifically for the Toyota Tacoma\/4Runner, the running boards come with vehicle-specific mounting brackets and installation hardware. No additional drilling is required under normal installation conditions.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv id=\"afembed_c8a0564e7d1f40eb8dee87ef83d88651\" data-autoflow-embed style=\"all:initial!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;float:none!important;position:relative!important;isolation:isolate!important;container-type:inline-size!important;direction:ltr!important;unicode-bidi:normal!important;font-family:inherit!important;container-name:afembed_c8a0564e7d1f40eb8dee87ef83d88651!important\"\u003e\n\u003cstyle data-autoflow-reset=\"afembed_c8a0564e7d1f40eb8dee87ef83d88651\"\u003e#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 :where(:not(svg,svg *)){all:revert}#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 :where(*, *::before, *::after){box-sizing:revert!important;color:revert!important;font-family:revert!important;font-size:revert!important;font-style:revert!important;font-weight:revert!important;line-height:revert!important;letter-spacing:revert!important;word-spacing:revert!important;text-align:revert!important;text-transform:revert!important;text-decoration:revert!important;text-indent:revert!important;white-space:revert!important;margin:revert!important;padding:revert!important;border:revert!important;border-radius:revert!important;box-shadow:revert!important;display:revert!important;float:revert!important;position:revert!important;inset:revert!important;width:revert!important;height:revert!important;min-width:revert!important;max-width:revert!important;min-height:revert!important;max-height:revert!important;overflow:revert!important;background:revert!important;list-style:revert!important;vertical-align:revert!important;flex:revert!important;grid-area:revert!important;gap:revert!important}#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 :where(svg,svg *){fill:revert!important;fill-opacity:revert!important;fill-rule:revert!important;stroke:revert!important;stroke-width:revert!important;stroke-linecap:revert!important;stroke-linejoin:revert!important;stroke-dasharray:revert!important;stroke-dashoffset:revert!important;stroke-miterlimit:revert!important;stroke-opacity:revert!important;clip-rule:revert!important;paint-order:revert!important;vector-effect:revert!important}#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 :where(*)::before,#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 :where(*)::after{content:none!important}#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 [hidden]{display:none!important}\u003c\/style\u003e\n\u003cstyle\u003e#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651,#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651{margin:0px!important;min-height:100%!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 *{box-sizing:border-box!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f{background:rgb(0, 0, 0)!important;color:rgb(255, 255, 255)!important;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif!important;padding:18px 0px 0px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__wrap{margin:0px auto!important;max-width:1900px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__title{color:rgb(3, 3, 3)!important;font-size:38px!important;font-weight:700!important;line-height:1.12!important;margin:0px 0px 34px!important;text-align:center!important;white-space:pre-line!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__grid{display:grid!important;gap:30px 18px!important;grid-template-columns:repeat(4, minmax(0px, 1fr))!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card{background:transparent!important;border:0px solid rgb(42, 42, 42)!important;border-radius:0px!important;min-width:0px!important;overflow:hidden!important;padding:0px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__media{aspect-ratio:1 \/ 1!important;background:rgb(17, 17, 17)!important;border-radius:12px!important;overflow:hidden!important;width:100%!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__image{object-fit:contain!important;object-position:center center!important;vertical-align:top!important;border:0px!important;border-radius:0px!important;box-shadow:none!important;display:block!important;height:100%!important;margin:0px!important;max-width:none!important;padding:0px!important;width:100%!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title{color:rgb(36, 36, 36)!important;font-size:20px!important;font-weight:700!important;line-height:1.18!important;margin:14px 0px 5px!important;overflow-wrap:anywhere!important;text-align:left!important;white-space:pre-line!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description{color:rgb(56, 56, 56)!important;font-size:15px!important;line-height:1.35!important;margin:0px!important;overflow-wrap:anywhere!important;text-align:left!important;white-space:pre-line!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f{box-sizing:content-box!important;min-height:0px!important;padding:18px 0px 0px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__wrap{margin:0px auto!important;max-width:1900px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f{font-family:inherit!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__title,#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title{letter-spacing:0px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__title,#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title{line-height:1.2!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description{letter-spacing:0px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description{line-height:1.6!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__title{color:rgb(3, 3, 3)!important;text-align:center!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card{background:transparent!important;border-color:transparent!important;box-shadow:none!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f{background:transparent!important}\n@container afembed_c8a0564e7d1f40eb8dee87ef83d88651 (max-width: 960px) and (min-width: 768px) {#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__grid{grid-template-columns:repeat(2, minmax(0px, 1fr))!important}}\n@container afembed_c8a0564e7d1f40eb8dee87ef83d88651 (max-width: 767px) {#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f{padding:0px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__title{font-size:29px!important;margin-bottom:30px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__grid{gap:30px 14px!important;grid-template-columns:repeat(2, minmax(0px, 1fr))!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__media{aspect-ratio:1 \/ 1!important;border-radius:12px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title{font-size:17px!important;margin-top:13px!important}\n#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651#afembed_c8a0564e7d1f40eb8dee87ef83d88651 #autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f .autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description{font-size:15px!important}}\u003c\/style\u003e\n\u003csection id=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f\"\u003e\u003cdiv class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__wrap\"\u003e\n\u003ch2 class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__title\"\u003eKey Features\u003c\/h2\u003e\n\u003cdiv class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__grid\"\u003e\n\u003carticle class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card\"\u003e\n        \u003cdiv class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__media\"\u003e\u003cimg class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/0887\/8390\/files\/8_48c408af-9b02-4279-b7d3-9dc247545e78.jpg?v=1794564349\" alt=\"\" loading=\"lazy\" decoding=\"async\" style=\"object-position: center center !important\"\u003e\u003c\/div\u003e\n        \u003ch3 class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title\"\u003eAnti-Slip Step Pads\u003c\/h3\u003e\n        \u003cp class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description\"\u003eTextured step pads provide a more secure foothold when getting in and out of your vehicle. The raised stamped pattern helps improve traction underfoot.\u003c\/p\u003e\n      \u003c\/article\u003e\u003carticle class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card\"\u003e\n        \u003cdiv class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__media\"\u003e\u003cimg class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/0887\/8390\/files\/5_a4aa2990-c157-48d6-872a-f7926277f6cc.jpg?v=1794564349\" alt=\"\" loading=\"lazy\" decoding=\"async\" style=\"object-position: center center !important\"\u003e\u003c\/div\u003e\n        \u003ch3 class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title\"\u003eMatching Tread Pattern\u003c\/h3\u003e\n        \u003cp class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description\"\u003eFeatures a stamped tread pattern inspired by the factory wireless charging pad, giving the step pads a coordinated look while adding grip underfoot.\u003c\/p\u003e\n      \u003c\/article\u003e\u003carticle class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card\"\u003e\n        \u003cdiv class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__media\"\u003e\u003cimg class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/0887\/8390\/files\/4_bfbb8924-4b61-4fd5-b34a-40ab8ff27e98.jpg?v=1794564349\" alt=\"\" loading=\"lazy\" decoding=\"async\" style=\"object-position: center center !important\"\u003e\u003c\/div\u003e\n        \u003ch3 class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title\"\u003eClean Off-Road Look\u003c\/h3\u003e\n        \u003cp class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description\"\u003eThe tubular side step design adds a more rugged appearance to your vehicle's side profile. Its clean, streamlined shape complements the exterior without looking bulky.\u003c\/p\u003e\n      \u003c\/article\u003e\u003carticle class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card\"\u003e\n        \u003cdiv class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__media\"\u003e\u003cimg class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/0887\/8390\/files\/3_dcb97c48-d0c1-448a-bf43-787ba90cee5f.jpg?v=1794564349\" alt=\"Product highlight image\" loading=\"lazy\" decoding=\"async\" style=\"object-position: center center !important\"\u003e\u003c\/div\u003e\n        \u003ch3 class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-title\"\u003eAdded Grip in Wet Conditions\u003c\/h3\u003e\n        \u003cp class=\"autoflow-output-highlights-grid-3975d9a8dcd24c37a4d2b7bbefecbe0f__card-description\"\u003eThe textured step pads provide additional traction when stepping up in wet or muddy conditions, making it easier to get in and out of your vehicle.\u003c\/p\u003e\n      \u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cscript\u003e(function cssShield(scope) {\n  const anchor = `#${scope}#${scope}#${scope}`;\n  const animated = new Set();\n  const paintProperties = [\n    \"fill\",\n    \"fill-opacity\",\n    \"fill-rule\",\n    \"stroke\",\n    \"stroke-width\",\n    \"stroke-linecap\",\n    \"stroke-linejoin\",\n    \"stroke-dasharray\",\n    \"stroke-dashoffset\",\n    \"stroke-miterlimit\",\n    \"stroke-opacity\",\n    \"clip-rule\",\n    \"paint-order\",\n    \"vector-effect\",\n  ];\n  const resetProperties = [\n    \"box-sizing\",\n    \"color\",\n    \"font-family\",\n    \"font-size\",\n    \"font-style\",\n    \"font-weight\",\n    \"line-height\",\n    \"letter-spacing\",\n    \"word-spacing\",\n    \"text-align\",\n    \"text-transform\",\n    \"text-decoration\",\n    \"text-indent\",\n    \"white-space\",\n    \"margin\",\n    \"padding\",\n    \"border\",\n    \"border-radius\",\n    \"box-shadow\",\n    \"display\",\n    \"float\",\n    \"position\",\n    \"inset\",\n    \"width\",\n    \"height\",\n    \"min-width\",\n    \"max-width\",\n    \"min-height\",\n    \"max-height\",\n    \"overflow\",\n    \"background\",\n    \"list-style\",\n    \"vertical-align\",\n    \"flex\",\n    \"grid-area\",\n    \"gap\",\n  ];\n  const animationProperty = (property) =\u003e\n    animated.has(property) ||\n    [...animated].some((name) =\u003e name.startsWith(property + \"-\"));\n  const reset = () =\u003e\n    `#${scope}#${scope} :where(:not(svg,svg *)){all:revert}#${scope}#${scope} :where(*, *::before, *::after){${resetProperties\n      .filter((property) =\u003e !animationProperty(property))\n      .map((property) =\u003e property + \":revert!important\")\n      .join(\n        \";\",\n      )}}#${scope}#${scope} :where(svg,svg *){${paintProperties.map((property) =\u003e property + \":revert!important\").join(\";\")}}#${scope}#${scope} :where(*)::before,#${scope}#${scope} :where(*)::after{content:none!important}${anchor}#${scope}#${scope} [hidden]{display:none!important}`;\n  const hostStyle =\n    \"all:initial!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;float:none!important;position:relative!important;isolation:isolate!important;container-type:inline-size!important;direction:ltr!important;unicode-bidi:normal!important;\";\n  function selectors(source, separator = \",\") {\n    const parts = [];\n    let part = \"\",\n      depth = 0,\n      quote = \"\",\n      escaped = false;\n    for (const c of source) {\n      if (escaped) {\n        part += c;\n        escaped = false;\n        continue;\n      }\n      if (c === \"\\\\\") {\n        part += c;\n        escaped = true;\n        continue;\n      }\n      if (quote) {\n        part += c;\n        if (c === quote) quote = \"\";\n        continue;\n      }\n      if (c === '\"' || c === \"'\") {\n        quote = c;\n        part += c;\n        continue;\n      }\n      if (c === \"(\" || c === \"[\") depth++;\n      if (c === \")\" || c === \"]\") depth--;\n      if (c === separator \u0026\u0026 depth === 0) {\n        parts.push(part.trim());\n        part = \"\";\n      } else part += c;\n    }\n    if (part.trim()) parts.push(part.trim());\n    return parts;\n  }\n  function declarations(source, process) {\n    return selectors(source, \";\")\n      .map((declaration) =\u003e {\n        let colon = 0;\n        for (; colon \u003c declaration.length; colon++) {\n          if (declaration[colon] === \"\\\\\") colon++;\n          else if (declaration[colon] === \":\") break;\n        }\n        const property = declaration.slice(0, colon).trim();\n        const raw = declaration.slice(colon + 1).trim();\n        const important = \/!important\\s*$\/i.test(raw);\n        const value = raw.replace(\/\\s*!important\\s*$\/i, \"\");\n        return process(property, value, important);\n      })\n      .join(\";\");\n  }\n  function anchored(selector) {\n    if (!selector.startsWith(anchor)) return false;\n    let depth = 0,\n      quote = \"\";\n    for (let i = anchor.length; i \u003c selector.length; i++) {\n      const c = selector[i];\n      if (c === \"\\\\\") {\n        i++;\n        continue;\n      }\n      if (quote) {\n        if (c === quote) quote = \"\";\n        continue;\n      }\n      if (c === '\"' || c === \"'\") {\n        quote = c;\n        continue;\n      }\n      if (c === \"(\" || c === \"[\") {\n        depth++;\n        continue;\n      }\n      if (c === \")\" || c === \"]\") {\n        depth--;\n        continue;\n      }\n      if (depth) continue;\n      if (\n        c === \"+\" ||\n        c === \"~\" ||\n        (\/\\s\/.test(c) \u0026\u0026 \/^[+~]\/.test(selector.slice(i).trimStart()))\n      )\n        throw new Error(\"Export selector escapes template\");\n      if (c === \"\u003e\" || \/\\s\/.test(c)) break;\n    }\n    return true;\n  }\n  function rewrite(source) {\n    if (\/@(?:import|namespace|page|property)\\b\/i.test(source))\n      throw new Error(\"Global export CSS is unsupported\");\n    let sheet = new CSSStyleSheet();\n    if (typeof sheet.replaceSync === \"function\") sheet.replaceSync(source);\n    else {\n      const style = document.createElement(\"style\");\n      style.media = \"not all\";\n      style.textContent = source;\n      document.head.append(style);\n      sheet = style.sheet;\n      style.remove();\n    }\n    const names = \/* @__PURE__ *\/ new Map();\n    function collect(rules) {\n      for (const rule of Array.from(rules)) {\n        if (rule.type === 7) {\n          const name = rule.name;\n          names.set(name, name.startsWith(`${scope}__`) ? name : `${scope}__${name}`);\n          for (const frame of Array.from(rule.cssRules)) {\n            for (const property of Array.from(frame.style)) animated.add(property);\n          }\n        }\n        if (rule.type === 5) {\n          const name = rule.style\n            .getPropertyValue(\"font-family\")\n            .replace(\/^['\"]|['\"]$\/g, \"\");\n          names.set(\n            name,\n            name.startsWith(`${scope}__`)\n              ? name\n              : `${scope}__${name.replace(\/\\W\/g, \"_\")}`,\n          );\n        }\n        if (\"cssRules\" in rule \u0026\u0026 rule.type !== 7) collect(rule.cssRules);\n      }\n    }\n    collect(sheet.cssRules);\n    function replaceNames(value) {\n      for (const [name, next] of names) {\n        value = value.replace(\n          new RegExp(\n            `(^|[\\\\s,'\"])${name.replace(\/[.*+?^${}()|[\\]\\\\]\/g, \"\\\\$\u0026\")}(?=$|[\\\\s,'\"])`,\n            \"g\",\n          ),\n          `$1${next}`,\n        );\n      }\n      return value;\n    }\n    function walk(rules) {\n      return Array.from(rules)\n        .map((rule) =\u003e {\n          if (rule.type === 1) {\n            const styleRule = rule;\n            if (styleRule.cssRules?.length)\n              throw new Error(\"Nested export CSS is unsupported\");\n            const scoped = selectors(styleRule.selectorText)\n              .map((selector) =\u003e {\n                if (anchored(selector)) return selector;\n                const local = selector\n                  .replace(\/^(?:html|body|:root)(?=$|[\\s.#[:])\\s*\/, \"\")\n                  .replace(\/^body(?=$|[\\s.#[:])\\s*\/, \"\");\n                if (local !== selector \u0026\u0026 \/^[+~]\/.test(local))\n                  throw new Error(\"Export selector escapes template\");\n                return `${anchor}${local ? ` ${local}` : \"\"}`;\n              })\n              .join(\",\");\n            const protectedDeclarations = declarations(\n              styleRule.style.cssText,\n              (property, raw, important) =\u003e {\n                let value = replaceNames(raw);\n                if (!\/lightbox\/.test(styleRule.selectorText))\n                  value = value.replace(\/(-?(?:\\d*\\.)?\\d+)vw\\b\/g, \"$1cqw\");\n                return `${property}:${value}${animationProperty(property) \u0026\u0026 !important ? \"\" : \"!important\"}`;\n              },\n            );\n            return `${scoped}{${protectedDeclarations}}`;\n          }\n          if (rule.type === 7) {\n            const frames = rule;\n            return frames.cssText.replace(\n              \/^(?:@keyframes|@-webkit-keyframes)\\s+[^\\s{]+\/,\n              `@keyframes ${names.get(frames.name)}`,\n            );\n          }\n          if (rule.type === 5) return replaceNames(rule.cssText);\n          if (\"cssRules\" in rule) {\n            const group = rule;\n            let header = rule.cssText.slice(0, rule.cssText.indexOf(\"{\"));\n            if (\n              \/^@media\\b\/.test(header) \u0026\u0026\n              \/\\bwidth\\s*:\/.test(header) \u0026\u0026\n              !\/height|orientation|prefers-|hover|pointer|print|resolution|,\/.test(\n                header,\n              )\n            ) {\n              header = header.replace(\n                \/^@media\\s*(?:screen\\s+and\\s*)?\/,\n                `@container ${scope} `,\n              );\n            }\n            if (!\/^@(?:media|supports|container)\\b\/.test(header))\n              throw new Error(\"Global export CSS is unsupported\");\n            return `${header}{${walk(group.cssRules)}}`;\n          }\n          throw new Error(\"Global export CSS is unsupported\");\n        })\n        .join(\"\\n\");\n    }\n    return walk(sheet.cssRules);\n  }\n  function protectInline(element, preserveResponsiveFont = false) {\n    if (!(\"style\" in element)) return;\n    if (element.namespaceURI === \"http:\/\/www.w3.org\/2000\/svg\") {\n      for (const property of paintProperties) {\n        const value = element.getAttribute(property);\n        if (value !== null \u0026\u0026 !element.style.getPropertyValue(property))\n          element.style.setProperty(property, value, \"important\");\n      }\n    }\n    const serialized = declarations(\n      element.style.cssText,\n      \/\/ Host editors may materialize desktop font sizes after insertion.\n      \/\/ Keep those normal so the template's responsive CSS can still win.\n      (property, value, important) =\u003e\n        `${property}: ${value}${important || !preserveResponsiveFont || property !== \"font-size\" ? \" !important\" : \"\"}`,\n    );\n    if (element.getAttribute(\"style\") !== serialized)\n      element.setAttribute(\"style\", serialized);\n  }\n  function mount(host) {\n    const previous = \/* @__PURE__ *\/ new WeakMap();\n    function refreshReset() {\n      const style = host.querySelector(`style[data-autoflow-reset=\"${scope}\"]`);\n      const next = reset();\n      if (style \u0026\u0026 style.textContent !== next) style.textContent = next;\n    }\n    function protectStyle(style) {\n      if (\n        style.dataset.autoflowReset === scope ||\n        previous.get(style) === style.textContent\n      )\n        return;\n      const next = rewrite(style.textContent ?? \"\");\n      previous.set(style, next);\n      style.textContent = next;\n      refreshReset();\n    }\n    function protectTree(node) {\n      protectInline(node, true);\n      if (node instanceof HTMLStyleElement) protectStyle(node);\n      node.querySelectorAll(\"[style],style,svg,svg *\").forEach((child) =\u003e {\n        protectInline(child, true);\n        if (child instanceof HTMLStyleElement) protectStyle(child);\n      });\n    }\n    protectTree(host);\n    const observer = new MutationObserver((changes) =\u003e {\n      for (const change of changes) {\n        if (change.type === \"attributes\") protectInline(change.target, true);\n        else if (change.target instanceof HTMLStyleElement) protectStyle(change.target);\n        else\n          change.addedNodes.forEach((node) =\u003e {\n            if (node instanceof Element) protectTree(node);\n          });\n      }\n    });\n    const options = {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [\"style\"],\n    };\n    observer.observe(host, options);\n    window.addEventListener(\"pagehide\", () =\u003e observer.disconnect());\n    window.addEventListener(\"pageshow\", (event) =\u003e {\n      if (event.persisted) {\n        protectTree(host);\n        observer.observe(host, options);\n      }\n    });\n  }\n  return {\n    rewrite,\n    mount,\n    protectInline: (element) =\u003e protectInline(element),\n    get reset() {\n      return reset();\n    },\n    hostStyle,\n  };\n})(\"afembed_c8a0564e7d1f40eb8dee87ef83d88651\").mount(document.currentScript.parentElement);\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cstyle data-autoflow-reset=\"afembed_ccdd42d38d5e403a8469da42a6abebec\"\u003e#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec :where(:not(svg,svg *)){all:revert}#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec :where(*, *::before, *::after){box-sizing:revert!important;color:revert!important;font-family:revert!important;font-size:revert!important;font-style:revert!important;font-weight:revert!important;line-height:revert!important;letter-spacing:revert!important;word-spacing:revert!important;text-align:revert!important;text-transform:revert!important;text-decoration:revert!important;text-indent:revert!important;white-space:revert!important;margin:revert!important;padding:revert!important;border:revert!important;border-radius:revert!important;box-shadow:revert!important;display:revert!important;float:revert!important;position:revert!important;inset:revert!important;width:revert!important;height:revert!important;min-width:revert!important;max-width:revert!important;min-height:revert!important;max-height:revert!important;overflow:revert!important;background:revert!important;list-style:revert!important;vertical-align:revert!important;flex:revert!important;grid-area:revert!important;gap:revert!important}#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec :where(svg,svg *){fill:revert!important;fill-opacity:revert!important;fill-rule:revert!important;stroke:revert!important;stroke-width:revert!important;stroke-linecap:revert!important;stroke-linejoin:revert!important;stroke-dasharray:revert!important;stroke-dashoffset:revert!important;stroke-miterlimit:revert!important;stroke-opacity:revert!important;clip-rule:revert!important;paint-order:revert!important;vector-effect:revert!important}#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec :where(*)::before,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec :where(*)::after{content:none!important}#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec [hidden]{display:none!important}\u003c\/style\u003e\n\u003cstyle\u003e#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec{margin:0px!important;min-height:100%!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec *{box-sizing:border-box!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be{background:rgb(252, 252, 249)!important;color:rgb(23, 23, 23)!important;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif!important;padding:42px 24px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__wrap{margin:0px auto!important;max-width:860px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__header{display:block!important;padding:0px!important;width:100%!important;margin:0px 0px 32px!important;text-align:center!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__title{color:rgb(23, 23, 23)!important;font-size:36px!important;line-height:1.2!important;display:block!important;margin:0px 0px 14px!important;max-width:none!important;padding:0px!important;text-align:center!important;width:100%!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__subtitle{color:rgb(95, 99, 104)!important;font-size:16px!important;line-height:1.6!important;display:block!important;margin:0px!important;max-width:none!important;padding:0px!important;text-align:center!important;width:100%!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__list{display:grid!important;gap:14px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item{background:rgb(255, 255, 255)!important;border:1px solid rgb(223, 227, 232)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important;transition:border-color 0.3s, box-shadow 0.3s!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item:hover,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item[open]{border-color:rgb(23, 23, 23)!important;box-shadow:rgba(11, 124, 232, 0.05) 0px 6px 16px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question{align-items:center!important;color:rgb(23, 23, 23)!important;cursor:pointer!important;display:flex!important;font-size:17px!important;font-weight:700!important;gap:20px!important;justify-content:space-between!important;list-style:none!important;padding:20px!important;text-align:left!important;transition:background-color 0.2s, color 0.2s!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question \u003e span:first-child{flex:1 1 0%!important;text-align:inherit!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question::-webkit-details-marker{display:none!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question:hover{background:rgb(251, 251, 253)!important;color:rgb(23, 23, 23)!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon{align-items:center!important;display:flex!important;flex:0 0 auto!important;height:18px!important;justify-content:center!important;transition:transform 0.2s!important;width:18px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon-mark{align-items:center!important;color:rgb(23, 23, 23)!important;display:flex!important;font-family:Arial, sans-serif!important;font-size:18px!important;font-weight:400!important;height:100%!important;justify-content:center!important;line-height:1!important;width:100%!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon img,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon svg{display:block!important;height:100%!important;object-fit:contain!important;width:100%!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item[open] .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon{transform:rotate(45deg)}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer{border-top:1px solid rgb(237, 240, 242)!important;color:rgb(95, 99, 104)!important;font-size:15px!important;line-height:1.75!important;margin:0px!important;padding:18px 20px 20px!important;text-align:left!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item[open] .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer{animation:0.28s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running afembed_ccdd42d38d5e403a8469da42a6abebec__autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be-faq-reveal!important}\n@keyframes afembed_ccdd42d38d5e403a8469da42a6abebec__autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be-faq-reveal { \n  0% { opacity: 0; transform: translateY(-6px); }\n  100% { opacity: 1; transform: translateY(0px); }\n}\n@container afembed_ccdd42d38d5e403a8469da42a6abebec (max-width: 768px) {#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be{padding:48px 16px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__title{font-size:28px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question{font-size:15px!important;padding:20px!important}}\n@media (prefers-reduced-motion: reduce) {#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon{transition:none!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item[open] .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer{animation:auto ease 0s 1 normal none running none!important}}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be{box-sizing:content-box!important;min-height:0px!important;padding:32px 0px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__wrap{margin:0px auto!important;max-width:860px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be{font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__title,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__subtitle,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question{letter-spacing:0px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__title,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__subtitle,#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question{line-height:1.4!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer{letter-spacing:0px!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer{line-height:1.6!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__title{color:rgb(23, 23, 23)!important;margin-top:0px!important;margin-bottom:14px!important;text-align:center!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item{background:rgb(255, 255, 255)!important;border-color:rgb(223, 227, 232)!important;box-shadow:none!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be{background:transparent!important}\n#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec#afembed_ccdd42d38d5e403a8469da42a6abebec #autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be .autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__subtitle{color:rgb(95, 99, 104)!important;font-size:16px!important;text-align:center!important}\u003c\/style\u003e\n\u003cdiv id=\"afembed_ccdd42d38d5e403a8469da42a6abebec\" data-autoflow-embed=\"\" style=\"all: initial!important; display: block!important; box-sizing: border-box!important; width: 100%!important; max-width: 100%!important; min-width: 0!important; margin: 0!important; padding: 0!important; border: 0!important; float: none!important; position: relative!important; isolation: isolate!important; container-type: inline-size!important; direction: ltr!important; unicode-bidi: normal!important; container-name: afembed_ccdd42d38d5e403a8469da42a6abebec!important;\"\u003e\n\u003csection id=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be\"\u003e\n\u003cdiv class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__wrap\"\u003e\n\u003cheader class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__header\"\u003e\n\u003ch2 class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__title\"\u003eFAQs\u003c\/h2\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__list\"\u003e\n\u003cdetails class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item\" name=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be-accordion\" open=\"\"\u003e\n\u003csummary class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question\"\u003e\u003cspan\u003eQ1: How Are The Running Boards Different From Traditional Flat Running Boards?\u003c\/span\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon\" aria-hidden=\"true\"\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon-mark\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer\"\u003eA1: Traditional flat running boards typically feature a wide, continuous stepping surface. This design combines a round steel tube body with integrated drop-step pads, creating a more rugged appearance while maintaining more of the vehicle's original side profile. It also complements the styling of off-road pickup trucks.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item\" name=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be-accordion\"\u003e\n\u003csummary class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question\"\u003e\u003cspan\u003eQ2: Are the Step Pads Slip-Resistant?\u003c\/span\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon\" aria-hidden=\"true\"\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon-mark\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer\"\u003eA2: Yes. The step pads feature a stamped tread pattern that increases traction underfoot. They provide a more secure stepping surface in wet conditions, muddy environments, or when your shoes are covered in dust.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item\" name=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be-accordion\"\u003e\n\u003csummary class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question\"\u003e\u003cspan\u003eQ3: Do The Running Boards Provide Side Protection for the Vehicle?\u003c\/span\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon\" aria-hidden=\"true\"\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon-mark\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer\"\u003eA3: The steel tubular construction provides an added layer of protection along the vehicle's sides, helping reduce the impact of minor scrapes and bumps during everyday use.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__item\" name=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be-accordion\"\u003e\n\u003csummary class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__question\"\u003e\u003cspan\u003eQ4: Is Drilling Required for Installation?\u003c\/span\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon\" aria-hidden=\"true\"\u003e\u003cspan class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__icon-mark\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp class=\"autoflow-output-faq-accordion-09ddd853a3a74555a852a37bc3eae2be__answer\"\u003eA4: No additional drilling is required under normal installation conditions. The running boards use vehicle-specific mounting brackets and bolts for installation, minimizing modifications to the factory vehicle structure.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e(function cssShield(scope) {\n  const anchor = `#${scope}#${scope}#${scope}`;\n  const animated = new Set();\n  const paintProperties = [\n    \"fill\",\n    \"fill-opacity\",\n    \"fill-rule\",\n    \"stroke\",\n    \"stroke-width\",\n    \"stroke-linecap\",\n    \"stroke-linejoin\",\n    \"stroke-dasharray\",\n    \"stroke-dashoffset\",\n    \"stroke-miterlimit\",\n    \"stroke-opacity\",\n    \"clip-rule\",\n    \"paint-order\",\n    \"vector-effect\",\n  ];\n  const resetProperties = [\n    \"box-sizing\",\n    \"color\",\n    \"font-family\",\n    \"font-size\",\n    \"font-style\",\n    \"font-weight\",\n    \"line-height\",\n    \"letter-spacing\",\n    \"word-spacing\",\n    \"text-align\",\n    \"text-transform\",\n    \"text-decoration\",\n    \"text-indent\",\n    \"white-space\",\n    \"margin\",\n    \"padding\",\n    \"border\",\n    \"border-radius\",\n    \"box-shadow\",\n    \"display\",\n    \"float\",\n    \"position\",\n    \"inset\",\n    \"width\",\n    \"height\",\n    \"min-width\",\n    \"max-width\",\n    \"min-height\",\n    \"max-height\",\n    \"overflow\",\n    \"background\",\n    \"list-style\",\n    \"vertical-align\",\n    \"flex\",\n    \"grid-area\",\n    \"gap\",\n  ];\n  const animationProperty = (property) =\u003e\n    animated.has(property) ||\n    [...animated].some((name) =\u003e name.startsWith(property + \"-\"));\n  const reset = () =\u003e\n    `#${scope}#${scope} :where(:not(svg,svg *)){all:revert}#${scope}#${scope} :where(*, *::before, *::after){${resetProperties\n      .filter((property) =\u003e !animationProperty(property))\n      .map((property) =\u003e property + \":revert!important\")\n      .join(\n        \";\",\n      )}}#${scope}#${scope} :where(svg,svg *){${paintProperties.map((property) =\u003e property + \":revert!important\").join(\";\")}}#${scope}#${scope} :where(*)::before,#${scope}#${scope} :where(*)::after{content:none!important}${anchor}#${scope}#${scope} [hidden]{display:none!important}`;\n  const hostStyle =\n    \"all:initial!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;float:none!important;position:relative!important;isolation:isolate!important;container-type:inline-size!important;direction:ltr!important;unicode-bidi:normal!important;\";\n  function selectors(source, separator = \",\") {\n    const parts = [];\n    let part = \"\",\n      depth = 0,\n      quote = \"\",\n      escaped = false;\n    for (const c of source) {\n      if (escaped) {\n        part += c;\n        escaped = false;\n        continue;\n      }\n      if (c === \"\\\\\") {\n        part += c;\n        escaped = true;\n        continue;\n      }\n      if (quote) {\n        part += c;\n        if (c === quote) quote = \"\";\n        continue;\n      }\n      if (c === '\"' || c === \"'\") {\n        quote = c;\n        part += c;\n        continue;\n      }\n      if (c === \"(\" || c === \"[\") depth++;\n      if (c === \")\" || c === \"]\") depth--;\n      if (c === separator \u0026\u0026 depth === 0) {\n        parts.push(part.trim());\n        part = \"\";\n      } else part += c;\n    }\n    if (part.trim()) parts.push(part.trim());\n    return parts;\n  }\n  function declarations(source, process) {\n    return selectors(source, \";\")\n      .map((declaration) =\u003e {\n        let colon = 0;\n        for (; colon \u003c declaration.length; colon++) {\n          if (declaration[colon] === \"\\\\\") colon++;\n          else if (declaration[colon] === \":\") break;\n        }\n        const property = declaration.slice(0, colon).trim();\n        const raw = declaration.slice(colon + 1).trim();\n        const important = \/!important\\s*$\/i.test(raw);\n        const value = raw.replace(\/\\s*!important\\s*$\/i, \"\");\n        return process(property, value, important);\n      })\n      .join(\";\");\n  }\n  function anchored(selector) {\n    if (!selector.startsWith(anchor)) return false;\n    let depth = 0,\n      quote = \"\";\n    for (let i = anchor.length; i \u003c selector.length; i++) {\n      const c = selector[i];\n      if (c === \"\\\\\") {\n        i++;\n        continue;\n      }\n      if (quote) {\n        if (c === quote) quote = \"\";\n        continue;\n      }\n      if (c === '\"' || c === \"'\") {\n        quote = c;\n        continue;\n      }\n      if (c === \"(\" || c === \"[\") {\n        depth++;\n        continue;\n      }\n      if (c === \")\" || c === \"]\") {\n        depth--;\n        continue;\n      }\n      if (depth) continue;\n      if (\n        c === \"+\" ||\n        c === \"~\" ||\n        (\/\\s\/.test(c) \u0026\u0026 \/^[+~]\/.test(selector.slice(i).trimStart()))\n      )\n        throw new Error(\"Export selector escapes template\");\n      if (c === \"\u003e\" || \/\\s\/.test(c)) break;\n    }\n    return true;\n  }\n  function rewrite(source) {\n    if (\/@(?:import|namespace|page|property)\\b\/i.test(source))\n      throw new Error(\"Global export CSS is unsupported\");\n    let sheet = new CSSStyleSheet();\n    if (typeof sheet.replaceSync === \"function\") sheet.replaceSync(source);\n    else {\n      const style = document.createElement(\"style\");\n      style.media = \"not all\";\n      style.textContent = source;\n      document.head.append(style);\n      sheet = style.sheet;\n      style.remove();\n    }\n    const names = \/* @__PURE__ *\/ new Map();\n    function collect(rules) {\n      for (const rule of Array.from(rules)) {\n        if (rule.type === 7) {\n          const name = rule.name;\n          names.set(name, name.startsWith(`${scope}__`) ? name : `${scope}__${name}`);\n          for (const frame of Array.from(rule.cssRules)) {\n            for (const property of Array.from(frame.style)) animated.add(property);\n          }\n        }\n        if (rule.type === 5) {\n          const name = rule.style\n            .getPropertyValue(\"font-family\")\n            .replace(\/^['\"]|['\"]$\/g, \"\");\n          names.set(\n            name,\n            name.startsWith(`${scope}__`)\n              ? name\n              : `${scope}__${name.replace(\/\\W\/g, \"_\")}`,\n          );\n        }\n        if (\"cssRules\" in rule \u0026\u0026 rule.type !== 7) collect(rule.cssRules);\n      }\n    }\n    collect(sheet.cssRules);\n    function replaceNames(value) {\n      for (const [name, next] of names) {\n        value = value.replace(\n          new RegExp(\n            `(^|[\\\\s,'\"])${name.replace(\/[.*+?^${}()|[\\]\\\\]\/g, \"\\\\$\u0026\")}(?=$|[\\\\s,'\"])`,\n            \"g\",\n          ),\n          `$1${next}`,\n        );\n      }\n      return value;\n    }\n    function walk(rules) {\n      return Array.from(rules)\n        .map((rule) =\u003e {\n          if (rule.type === 1) {\n            const styleRule = rule;\n            if (styleRule.cssRules?.length)\n              throw new Error(\"Nested export CSS is unsupported\");\n            const scoped = selectors(styleRule.selectorText)\n              .map((selector) =\u003e {\n                if (anchored(selector)) return selector;\n                const local = selector\n                  .replace(\/^(?:html|body|:root)(?=$|[\\s.#[:])\\s*\/, \"\")\n                  .replace(\/^body(?=$|[\\s.#[:])\\s*\/, \"\");\n                if (local !== selector \u0026\u0026 \/^[+~]\/.test(local))\n                  throw new Error(\"Export selector escapes template\");\n                return `${anchor}${local ? ` ${local}` : \"\"}`;\n              })\n              .join(\",\");\n            const protectedDeclarations = declarations(\n              styleRule.style.cssText,\n              (property, raw, important) =\u003e {\n                let value = replaceNames(raw);\n                if (!\/lightbox\/.test(styleRule.selectorText))\n                  value = value.replace(\/(-?(?:\\d*\\.)?\\d+)vw\\b\/g, \"$1cqw\");\n                return `${property}:${value}${animationProperty(property) \u0026\u0026 !important ? \"\" : \"!important\"}`;\n              },\n            );\n            return `${scoped}{${protectedDeclarations}}`;\n          }\n          if (rule.type === 7) {\n            const frames = rule;\n            return frames.cssText.replace(\n              \/^(?:@keyframes|@-webkit-keyframes)\\s+[^\\s{]+\/,\n              `@keyframes ${names.get(frames.name)}`,\n            );\n          }\n          if (rule.type === 5) return replaceNames(rule.cssText);\n          if (\"cssRules\" in rule) {\n            const group = rule;\n            let header = rule.cssText.slice(0, rule.cssText.indexOf(\"{\"));\n            if (\n              \/^@media\\b\/.test(header) \u0026\u0026\n              \/\\bwidth\\s*:\/.test(header) \u0026\u0026\n              !\/height|orientation|prefers-|hover|pointer|print|resolution|,\/.test(\n                header,\n              )\n            ) {\n              header = header.replace(\n                \/^@media\\s*(?:screen\\s+and\\s*)?\/,\n                `@container ${scope} `,\n              );\n            }\n            if (!\/^@(?:media|supports|container)\\b\/.test(header))\n              throw new Error(\"Global export CSS is unsupported\");\n            return `${header}{${walk(group.cssRules)}}`;\n          }\n          throw new Error(\"Global export CSS is unsupported\");\n        })\n        .join(\"\\n\");\n    }\n    return walk(sheet.cssRules);\n  }\n  function protectInline(element, preserveResponsiveFont = false) {\n    if (!(\"style\" in element)) return;\n    if (element.namespaceURI === \"http:\/\/www.w3.org\/2000\/svg\") {\n      for (const property of paintProperties) {\n        const value = element.getAttribute(property);\n        if (value !== null \u0026\u0026 !element.style.getPropertyValue(property))\n          element.style.setProperty(property, value, \"important\");\n      }\n    }\n    const serialized = declarations(\n      element.style.cssText,\n      \/\/ Host editors may materialize desktop font sizes after insertion.\n      \/\/ Keep those normal so the template's responsive CSS can still win.\n      (property, value, important) =\u003e\n        `${property}: ${value}${important || !preserveResponsiveFont || property !== \"font-size\" ? \" !important\" : \"\"}`,\n    );\n    if (element.getAttribute(\"style\") !== serialized)\n      element.setAttribute(\"style\", serialized);\n  }\n  function mount(host) {\n    const previous = \/* @__PURE__ *\/ new WeakMap();\n    function refreshReset() {\n      const style = host.querySelector(`style[data-autoflow-reset=\"${scope}\"]`);\n      const next = reset();\n      if (style \u0026\u0026 style.textContent !== next) style.textContent = next;\n    }\n    function protectStyle(style) {\n      if (\n        style.dataset.autoflowReset === scope ||\n        previous.get(style) === style.textContent\n      )\n        return;\n      const next = rewrite(style.textContent ?? \"\");\n      previous.set(style, next);\n      style.textContent = next;\n      refreshReset();\n    }\n    function protectTree(node) {\n      protectInline(node, true);\n      if (node instanceof HTMLStyleElement) protectStyle(node);\n      node.querySelectorAll(\"[style],style,svg,svg *\").forEach((child) =\u003e {\n        protectInline(child, true);\n        if (child instanceof HTMLStyleElement) protectStyle(child);\n      });\n    }\n    protectTree(host);\n    const observer = new MutationObserver((changes) =\u003e {\n      for (const change of changes) {\n        if (change.type === \"attributes\") protectInline(change.target, true);\n        else if (change.target instanceof HTMLStyleElement) protectStyle(change.target);\n        else\n          change.addedNodes.forEach((node) =\u003e {\n            if (node instanceof Element) protectTree(node);\n          });\n      }\n    });\n    const options = {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [\"style\"],\n    };\n    observer.observe(host, options);\n    window.addEventListener(\"pagehide\", () =\u003e observer.disconnect());\n    window.addEventListener(\"pageshow\", (event) =\u003e {\n      if (event.persisted) {\n        protectTree(host);\n        observer.observe(host, options);\n      }\n    });\n  }\n  return {\n    rewrite,\n    mount,\n    protectInline: (element) =\u003e protectInline(element),\n    get reset() {\n      return reset();\n    },\n    hostStyle,\n  };\n})(\"afembed_ccdd42d38d5e403a8469da42a6abebec\").mount(document.currentScript.parentElement);\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Lexland","offers":[{"title":"2024+ Tacoma Double Cab","offer_id":68017552589110,"sku":"LEXT1365","price":479.0,"currency_code":"USD","in_stock":true},{"title":"2025+ 4Runner","offer_id":68017552621878,"sku":"LEXT1366","price":479.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0776\/0887\/8390\/files\/6_9479fc2d-b0ec-442e-bd0d-47bb1e688d7a.jpg?v=1794564349","url":"https:\/\/lexland.com\/bn\/products\/tacoma-4runner-running-boards-drop-side-steps-nerf-bar-for-toyota","provider":"Lexland","version":"1.0","type":"link"}