{"product_id":"car-roof-door-steps-vehicle-automobile-rack-roof-step","title":"Foldable Car Door Step","description":"\u003cdiv class=\"cdstep-wrap\"\u003e\n\u003c!-- Scarcity Bar --\u003e\n\u003cdiv class=\"cdstep-alert-bar\"\u003e\n\u003cspan class=\"cdstep-alert-dot\"\u003e\u003c\/span\u003e\n\u003cspan class=\"cdstep-alert-text\"\u003e🔥 HIGH DEMAND — Only a Few Units Left in Stock\u003c\/span\u003e\n\u003cspan class=\"cdstep-alert-dot\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Banner --\u003e\n\u003cdiv class=\"cdstep-hero\"\u003e\n\u003cdiv class=\"cdstep-hero-badge-wrap\"\u003e\u003cspan class=\"cdstep-hero-badge\"\u003e⚡ THE SMARTER WAY UP\u003c\/span\u003e\u003c\/div\u003e\n\u003ch4 class=\"cdstep-hero-title\"\u003e\n\u003cspan class=\"cdstep-hero-top\"\u003eStop Climbing on Your Tires —\u003c\/span\u003e\n\u003cspan class=\"cdstep-hero-main\"\u003eGet to Your Roof Rack in 3 Seconds Flat\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cdiv class=\"cdstep-hero-pills\"\u003e\n\u003cspan class=\"cdstep-hero-pill\"\u003e✓ 181 kg Rated\u003c\/span\u003e\n\u003cspan class=\"cdstep-hero-pill\"\u003e✓ Anti-Skid Grip\u003c\/span\u003e\n\u003cspan class=\"cdstep-hero-pill\"\u003e✓ Pocket-Sized\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Trust Strip --\u003e\n\u003cdiv class=\"cdstep-trust\"\u003e\n\u003cdiv class=\"cdstep-trust-item\"\u003e\n\u003cspan class=\"cdstep-trust-icon\"\u003e🛡️\u003c\/span\u003e\u003cspan class=\"cdstep-trust-txt\"\u003eZero Scratches\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-trust-item\"\u003e\n\u003cspan class=\"cdstep-trust-icon\"\u003e⚡\u003c\/span\u003e\u003cspan class=\"cdstep-trust-txt\"\u003e3-Second Setup\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-trust-item\"\u003e\n\u003cspan class=\"cdstep-trust-icon\"\u003e🔧\u003c\/span\u003e\u003cspan class=\"cdstep-trust-txt\"\u003eNo Tools Needed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image --\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\n\u003cimg alt=\"Foldable Car Door Step\" class=\"cdstep-img\" height=\"415\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/41OCgMKeVVL_425x415.jpg?v=1771652852\" style=\"max-width: 100%; height: auto;\" width=\"425\"\u003e\n\u003cdiv class=\"cdstep-img-overlay-badge\"\u003eFITS ALL VEHICLES\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Proposition --\u003e\n\u003cdiv class=\"cdstep-value-box\"\u003e\n\u003cdiv class=\"cdstep-value-inner\"\u003e\n\u003cp class=\"cdstep-value-text\"\u003eEvery time you struggle to load your roof rack, you're one slip away from a scraped bumper, a twisted ankle, or worse. There's a smarter way — and it fits in your glove box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Intro Copy --\u003e\n\u003cdiv class=\"cdstep-body-text\"\u003e\n\u003cp\u003eThe \u003cstrong\u003eFoldable Car Door Step\u003c\/strong\u003e hooks onto any car or truck door latch in seconds, giving you a \u003cstrong\u003esafe, stable platform\u003c\/strong\u003e to reach your roof without ladders, stools, or risky tire-climbing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Divider --\u003e\n\u003cdiv class=\"cdstep-divider\"\u003e\n\u003cdiv class=\"cdstep-div-line\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cdstep-div-label\"\u003eWhy It's Built Different\u003c\/div\u003e\n\u003cdiv class=\"cdstep-div-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 01 --\u003e\n\u003cdiv class=\"cdstep-benefit\"\u003e\n\u003cdiv class=\"cdstep-benefit-head\"\u003e\n\u003cdiv class=\"cdstep-benefit-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-title-wrap\"\u003e\n\u003ch4 class=\"cdstep-benefit-title\"\u003eRock-Solid Footing. Every Time. ⚓\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-body\"\u003e\n\u003cdiv class=\"cdstep-pill-row\"\u003e\n\u003cspan class=\"cdstep-pill-chk\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"cdstep-pill-txt\"\u003e\u003cstrong\u003eHolds up to 181 kgs\u003c\/strong\u003e — rock-solid footing for any adult, no wobble, no flex\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\u003cimg alt=\"181kg Load Rating\" class=\"cdstep-img\" height=\"593\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/71V2SAQmZcL._AC_SL1500_600x593.jpg?v=1771652913\" style=\"max-width: 100%; height: auto;\" width=\"600\"\u003e\u003c\/div\u003e\n\u003c!-- Benefit 02 --\u003e\n\u003cdiv class=\"cdstep-benefit\"\u003e\n\u003cdiv class=\"cdstep-benefit-head\"\u003e\n\u003cdiv class=\"cdstep-benefit-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-title-wrap\"\u003e\n\u003ch4 class=\"cdstep-benefit-title\"\u003eGrip That Doesn't Quit 🌧️\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-body\"\u003e\n\u003cdiv class=\"cdstep-pill-row\"\u003e\n\u003cspan class=\"cdstep-pill-chk\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"cdstep-pill-txt\"\u003e\u003cstrong\u003eAnti-skid textured surface\u003c\/strong\u003e — deep grip pattern keeps your foot locked in place even in wet or muddy conditions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\u003cimg alt=\"Anti-Skid Textured Surface\" class=\"cdstep-img\" height=\"600\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/61-at_iVbUL._AC_SL1500_600x600.jpg?v=1771652989\" style=\"max-width: 100%; height: auto;\" width=\"600\"\u003e\u003c\/div\u003e\n\u003c!-- Benefit 03 --\u003e\n\u003cdiv class=\"cdstep-benefit\"\u003e\n\u003cdiv class=\"cdstep-benefit-head\"\u003e\n\u003cdiv class=\"cdstep-benefit-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-title-wrap\"\u003e\n\u003ch4 class=\"cdstep-benefit-title\"\u003eZero Damage to Your Vehicle 🛡️\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-body\"\u003e\n\u003cdiv class=\"cdstep-pill-row\"\u003e\n\u003cspan class=\"cdstep-pill-chk\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"cdstep-pill-txt\"\u003e\u003cstrong\u003eRubber-padded base and hook\u003c\/strong\u003e — zero scratches on your door latch, door frame, or paint — guaranteed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-pill-row\"\u003e\n\u003cspan class=\"cdstep-pill-chk\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"cdstep-pill-txt\"\u003e\u003cstrong\u003eBuilt-in emergency glass breaker\u003c\/strong\u003e — works as a life-saving escape tool if you're ever trapped in your vehicle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\u003cimg alt=\"Rubber Padded Zero Scratch Design\" class=\"cdstep-img\" height=\"594\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/81ODBg2DoUL._AC_SL1500_600x594.jpg?v=1771653893\" style=\"max-width: 100%; height: auto;\" width=\"600\"\u003e\u003c\/div\u003e\n\u003c!-- Benefit 04 --\u003e\n\u003cdiv class=\"cdstep-benefit\"\u003e\n\u003cdiv class=\"cdstep-benefit-head\"\u003e\n\u003cdiv class=\"cdstep-benefit-num\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-title-wrap\"\u003e\n\u003ch4 class=\"cdstep-benefit-title\"\u003eDisappears When You Don't Need It 📦\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-body\"\u003e\n\u003cdiv class=\"cdstep-pill-row\"\u003e\n\u003cspan class=\"cdstep-pill-chk\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"cdstep-pill-txt\"\u003e\u003cstrong\u003eFolds to just 6.3\" × 3.2\" × 1.2\"\u003c\/strong\u003e — pocket-sized when folded, stows under your seat or in your door pocket\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\u003cimg alt=\"Compact Folded Size\" class=\"cdstep-img\" height=\"600\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/61mNqlWz-JL._SL1500_600x600.jpg?v=1771654060\" style=\"max-width: 100%; height: auto;\" width=\"600\"\u003e\u003c\/div\u003e\n\u003c!-- Benefit 05 --\u003e\n\u003cdiv class=\"cdstep-benefit\"\u003e\n\u003cdiv class=\"cdstep-benefit-head\"\u003e\n\u003cdiv class=\"cdstep-benefit-num\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-title-wrap\"\u003e\n\u003ch4 class=\"cdstep-benefit-title\"\u003eBuilt to Last a Lifetime 🏆\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-body\"\u003e\n\u003cdiv class=\"cdstep-pill-row\"\u003e\n\u003cspan class=\"cdstep-pill-chk\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"cdstep-pill-txt\"\u003e\u003cstrong\u003ePremium aluminum alloy construction\u003c\/strong\u003e — light as a phone, strong as steel, built to outlast your vehicle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\u003cimg alt=\"Premium Aluminum Alloy Build\" class=\"cdstep-img\" height=\"576\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/71yZMvzcoLL._AC_SL1500_600x576.jpg?v=1771654495\" style=\"max-width: 100%; height: auto;\" width=\"600\"\u003e\u003c\/div\u003e\n\u003c!-- Benefit 06 --\u003e\n\u003cdiv class=\"cdstep-benefit\"\u003e\n\u003cdiv class=\"cdstep-benefit-head\"\u003e\n\u003cdiv class=\"cdstep-benefit-num\"\u003e06\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-title-wrap\"\u003e\n\u003ch4 class=\"cdstep-benefit-title\"\u003eWorks on Every Vehicle You Own 🚗\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-benefit-body\"\u003e\n\u003cdiv class=\"cdstep-pill-row\"\u003e\n\u003cspan class=\"cdstep-pill-chk\"\u003e✓\u003c\/span\u003e\n\u003cspan class=\"cdstep-pill-txt\"\u003e\u003cstrong\u003eWorks with any front or rear door\u003c\/strong\u003e — SUVs, cars, trucks, vans — no modifications needed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\u003cimg alt=\"Universal Vehicle Compatibility\" class=\"cdstep-img\" height=\"600\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/71d_vYl78EL._SL1500_600x600.jpg?v=1771654448\" style=\"max-width: 100%; height: auto;\" width=\"600\"\u003e\u003c\/div\u003e\n\u003c!-- Perfect For --\u003e\n\u003cdiv class=\"cdstep-divider\"\u003e\n\u003cdiv class=\"cdstep-div-line\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cdstep-div-label\"\u003ePerfect For\u003c\/div\u003e\n\u003cdiv class=\"cdstep-div-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-highlight-box\"\u003e\n\u003cdiv class=\"cdstep-highlight-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv class=\"cdstep-highlight-text\"\u003e\n\u003cstrong\u003ePerfect for loading and unloading:\u003c\/strong\u003e roof racks, roof boxes, kayaks, canoes, skis, snowboards, bikes — plus washing or cleaning your roof has never been easier.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Stats Grid --\u003e\n\u003cdiv class=\"cdstep-stats\"\u003e\n\u003cdiv class=\"cdstep-stat-item\"\u003e\n\u003cdiv class=\"cdstep-stat-num\"\u003e181\u003cspan class=\"cdstep-stat-unit\"\u003ekg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-stat-lbl\"\u003eLoad Capacity\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-stat-item\"\u003e\n\u003cdiv class=\"cdstep-stat-num\"\u003e3\u003cspan class=\"cdstep-stat-unit\"\u003esec\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-stat-lbl\"\u003eTo Mount\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-stat-item\"\u003e\n\u003cdiv class=\"cdstep-stat-num\"\u003e6.3\u003cspan class=\"cdstep-stat-unit\"\u003e\"\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-stat-lbl\"\u003eWhen Folded\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- How To Use --\u003e\n\u003cdiv class=\"cdstep-divider\"\u003e\n\u003cdiv class=\"cdstep-div-line\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cdstep-div-label\"\u003eHow to Use\u003c\/div\u003e\n\u003cdiv class=\"cdstep-div-line\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-steps\"\u003e\n\u003cdiv class=\"cdstep-step\"\u003e\n\u003cdiv class=\"cdstep-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cdstep-step-body\"\u003e\n\u003cstrong\u003eOpen Your Door\u003c\/strong\u003e\n\u003cp\u003eOpen any car or truck door — front or rear, any vehicle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-step\"\u003e\n\u003cdiv class=\"cdstep-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cdstep-step-body\"\u003e\n\u003cstrong\u003eHook It On\u003c\/strong\u003e\n\u003cp\u003eHook the step onto your door latch — takes under \u003cstrong\u003e3 seconds\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-step\"\u003e\n\u003cdiv class=\"cdstep-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cdstep-step-body\"\u003e\n\u003cstrong\u003eStep Up Confidently\u003c\/strong\u003e\n\u003cp\u003eStep up and access your roof safely and effortlessly\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cdstep-img-wrap\"\u003e\u003cimg alt=\"How to Use Car Door Step\" class=\"cdstep-img\" height=\"593\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/6152\/0298\/files\/71YrM-1e3QL._AC_SL1500_600x593.jpg?v=1771654529\" style=\"max-width: 100%; height: auto;\" width=\"600\"\u003e\u003c\/div\u003e\n\u003c!-- Guarantee --\u003e\n\u003cdiv class=\"cdstep-guarantee\"\u003e\n\u003cdiv class=\"cdstep-guarantee-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv class=\"cdstep-guarantee-content\"\u003e\n\u003cdiv class=\"cdstep-guarantee-title\"\u003e30-Day Money-Back Guarantee\u003c\/div\u003e\n\u003cdiv class=\"cdstep-guarantee-text\"\u003eNot happy for any reason? Return it within 30 days for a full refund — no questions, no hassle.\u003c\/div\u003e\n\u003cdiv class=\"cdstep-guarantee-badges\"\u003e\n\u003cspan class=\"cdstep-gbadge\"\u003e✓ Risk-Free Purchase\u003c\/span\u003e\n\u003cspan class=\"cdstep-gbadge\"\u003e✓ Free Returns\u003c\/span\u003e\n\u003cspan class=\"cdstep-gbadge\"\u003e✓ Fast Delivery\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cdstep-cta\"\u003e\n\u003cdiv class=\"cdstep-cta-inner\"\u003e\n\u003cdiv class=\"cdstep-cta-badge\"\u003eLIMITED UNITS AVAILABLE\u003c\/div\u003e\n\u003ch4 class=\"cdstep-cta-title\"\u003eYour Roof Rack Awaits\u003c\/h4\u003e\n\u003cp class=\"cdstep-cta-sub\"\u003eThe only step that hooks on in 3 seconds, holds 181 kg, and slips into your glove box when done.\u003c\/p\u003e\n\u003cdiv class=\"cdstep-cta-arrow\"\u003e👇\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final Trust --\u003e\n\u003cdiv class=\"cdstep-final-trust\"\u003e\n  🔒 Secure Checkout  ·  📦 Fast Dispatch  ·  ↩️ 30-Day Returns\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* =====================================================\n   FOLDABLE CAR DOOR STEP — PREMIUM DESCRIPTION\n   Prefix: cdstep-\n   ===================================================== *\/\n\n.cdstep-wrap * {\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cdstep-wrap {\n  width: 100% !important;\n  max-width: 100% !important;\n  font-family: inherit !important;\n  font-size: 14px !important;\n  line-height: 1.6 !important;\n  color: #1a1a1a !important;\n  background: #fff !important;\n  padding: 0 !important;\n}\n\n\/* ── SCARCITY BAR ── *\/\n.cdstep-alert-bar {\n  background: linear-gradient(90deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%) !important;\n  color: #ffb502 !important;\n  text-align: center !important;\n  padding: 9px 10px !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.6px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 10px !important;\n  border-radius: 10px 10px 0 0 !important;\n  margin-bottom: 0 !important;\n}\n\n.cdstep-alert-dot {\n  width: 7px !important;\n  height: 7px !important;\n  min-width: 7px !important;\n  max-width: 7px !important;\n  min-height: 7px !important;\n  max-height: 7px !important;\n  border-radius: 50% !important;\n  background: #ffb502 !important;\n  display: inline-block !important;\n  flex-shrink: 0 !important;\n  animation: cdstep-blink 1.4s ease-in-out infinite !important;\n}\n\n@keyframes cdstep-blink {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.3; }\n}\n\n\/* ── HERO BANNER ── *\/\n.cdstep-hero {\n  background:\n    radial-gradient(circle at 15% 50%, rgba(255, 181, 2, 0.12) 0%, transparent 55%),\n    radial-gradient(circle at 85% 50%, rgba(0, 110, 255, 0.1) 0%, transparent 55%),\n    linear-gradient(160deg, #ffffff 0%, #f6f8fb 100%) !important;\n  padding: 18px 12px 16px !important;\n  text-align: center !important;\n  position: relative !important;\n  overflow: hidden !important;\n  border-bottom: 1px solid rgba(255, 181, 2, 0.2) !important;\n  margin-bottom: 0 !important;\n}\n\n.cdstep-hero::after {\n  content: \"\" !important;\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  height: 2px !important;\n  background: linear-gradient(90deg, transparent, #ffb502, #006eff, transparent) !important;\n}\n\n.cdstep-hero-badge-wrap {\n  margin-bottom: 10px !important;\n}\n\n.cdstep-hero-badge {\n  display: inline-block !important;\n  background: linear-gradient(135deg, #ffb502 0%, #ffc832 100%) !important;\n  color: #1a1a1a !important;\n  padding: 5px 14px !important;\n  border-radius: 20px !important;\n  font-size: 10px !important;\n  font-weight: 800 !important;\n  letter-spacing: 1.2px !important;\n  box-shadow: 0 3px 10px rgba(255, 181, 2, 0.4) !important;\n}\n\n.cdstep-hero-title {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 5px !important;\n  margin-bottom: 12px !important;\n}\n\n.cdstep-hero-top {\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: #555 !important;\n  line-height: 1.3 !important;\n  display: block !important;\n}\n\n.cdstep-hero-main {\n  font-size: 20px !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  display: block !important;\n  background: linear-gradient(135deg, #006eff 0%, #0085ff 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n}\n\n.cdstep-hero-pills {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  justify-content: center !important;\n  gap: 7px !important;\n}\n\n.cdstep-hero-pill {\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  color: #333 !important;\n  background: rgba(255, 255, 255, 0.9) !important;\n  border: 1px solid rgba(0, 110, 255, 0.18) !important;\n  padding: 4px 11px !important;\n  border-radius: 14px !important;\n  display: inline-block !important;\n}\n\n\/* ── TRUST STRIP ── *\/\n.cdstep-trust {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-around !important;\n  background: #f8f9fa !important;\n  border-bottom: 1px solid #ececec !important;\n  padding: 9px 8px !important;\n  gap: 4px !important;\n  margin-bottom: 0 !important;\n}\n\n.cdstep-trust-item {\n  display: flex !important;\n  align-items: center !important;\n  gap: 5px !important;\n  flex-shrink: 0 !important;\n}\n\n.cdstep-trust-icon {\n  font-size: 14px !important;\n  flex-shrink: 0 !important;\n  line-height: 1 !important;\n}\n\n.cdstep-trust-txt {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  color: #333 !important;\n  white-space: nowrap !important;\n}\n\n\/* ── IMAGES ── *\/\n.cdstep-img-wrap {\n  position: relative !important;\n  margin: 10px 0 !important;\n  border-radius: 14px !important;\n  overflow: hidden !important;\n  line-height: 0 !important;\n}\n\n.cdstep-img {\n  width: 100% !important;\n  height: auto !important;\n  display: block !important;\n  border-radius: 14px !important;\n}\n\n.cdstep-img-overlay-badge {\n  position: absolute !important;\n  bottom: 12px !important;\n  right: 12px !important;\n  background: rgba(0, 0, 0, 0.75) !important;\n  color: #ffb502 !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.8px !important;\n  padding: 5px 10px !important;\n  border-radius: 8px !important;\n}\n\n\/* ── VALUE BOX ── *\/\n.cdstep-value-box {\n  background: linear-gradient(135deg, #fff8e6 0%, #fffcf2 100%) !important;\n  border-left: 3px solid #ffb502 !important;\n  border-radius: 10px !important;\n  padding: 13px 12px !important;\n  margin: 10px 0 !important;\n}\n\n.cdstep-value-text {\n  font-size: 14px !important;\n  line-height: 1.65 !important;\n  color: #1a1a1a !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* ── BODY TEXT ── *\/\n.cdstep-body-text {\n  padding: 0 2px !important;\n  margin: 8px 0 !important;\n}\n\n.cdstep-body-text p {\n  font-size: 14px !important;\n  line-height: 1.65 !important;\n  color: #1a1a1a !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* ── DIVIDER ── *\/\n.cdstep-divider {\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  margin: 14px 0 10px !important;\n}\n\n.cdstep-div-line {\n  flex: 1 !important;\n  height: 1px !important;\n  background: linear-gradient(90deg, transparent, rgba(0, 110, 255, 0.25), transparent) !important;\n}\n\n.cdstep-div-label {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  color: #006eff !important;\n  letter-spacing: 1px !important;\n  white-space: nowrap !important;\n  text-transform: uppercase !important;\n  padding: 0 4px !important;\n}\n\n\/* ── BENEFIT CARDS ── *\/\n.cdstep-benefit {\n  background: #fff !important;\n  border: 1px solid #f0f0f0 !important;\n  border-radius: 14px !important;\n  padding: 13px 12px !important;\n  margin-bottom: 10px !important;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;\n}\n\n.cdstep-benefit-head {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 10px !important;\n  margin-bottom: 10px !important;\n}\n\n.cdstep-benefit-num {\n  min-width: 36px !important;\n  max-width: 36px !important;\n  min-height: 36px !important;\n  max-height: 36px !important;\n  width: 36px !important;\n  height: 36px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  background: linear-gradient(135deg, #ffb502 0%, #ffc832 100%) !important;\n  border-radius: 50% !important;\n  font-size: 13px !important;\n  font-weight: 800 !important;\n  color: #1a1a1a !important;\n  line-height: 1 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  vertical-align: top !important;\n  position: relative !important;\n  transform: none !important;\n  top: auto !important;\n  left: auto !important;\n  box-shadow: 0 3px 8px rgba(255, 181, 2, 0.35) !important;\n}\n\n.cdstep-benefit-title-wrap {\n  flex: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n}\n\n.cdstep-benefit-title {\n  font-size: 15px !important;\n  font-weight: 700 !important;\n  color: #1a1a1a !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cdstep-benefit-body {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 8px !important;\n}\n\n\/* ── FEATURE PILLS ── *\/\n.cdstep-pill-row {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 9px !important;\n  background: #f8f9fa !important;\n  border-radius: 10px !important;\n  padding: 10px 11px !important;\n}\n\n.cdstep-pill-chk {\n  min-width: 20px !important;\n  max-width: 20px !important;\n  min-height: 20px !important;\n  max-height: 20px !important;\n  width: 20px !important;\n  height: 20px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  background: #006eff !important;\n  color: #fff !important;\n  border-radius: 50% !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  line-height: 1 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  vertical-align: top !important;\n  position: relative !important;\n  transform: none !important;\n  top: auto !important;\n  left: auto !important;\n}\n\n.cdstep-pill-txt {\n  flex: 1 !important;\n  font-size: 13px !important;\n  line-height: 1.55 !important;\n  color: #1a1a1a !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* ── HIGHLIGHT BOX ── *\/\n.cdstep-highlight-box {\n  background: linear-gradient(135deg, #f0f6ff 0%, #e8f3ff 100%) !important;\n  border: 1px solid rgba(0, 110, 255, 0.15) !important;\n  border-radius: 12px !important;\n  padding: 13px 12px !important;\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 10px !important;\n  margin: 4px 0 12px !important;\n}\n\n.cdstep-highlight-icon {\n  font-size: 22px !important;\n  flex-shrink: 0 !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cdstep-highlight-text {\n  flex: 1 !important;\n  font-size: 13px !important;\n  line-height: 1.6 !important;\n  color: #1a1a1a !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* ── STATS GRID ── *\/\n.cdstep-stats {\n  display: flex !important;\n  gap: 8px !important;\n  margin: 10px 0 !important;\n}\n\n.cdstep-stat-item {\n  flex: 1 !important;\n  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;\n  border-radius: 12px !important;\n  padding: 14px 8px !important;\n  text-align: center !important;\n}\n\n.cdstep-stat-num {\n  font-size: 24px !important;\n  font-weight: 800 !important;\n  color: #ffb502 !important;\n  line-height: 1 !important;\n  margin-bottom: 4px !important;\n  display: block !important;\n}\n\n.cdstep-stat-unit {\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  color: #ffb502 !important;\n}\n\n.cdstep-stat-lbl {\n  font-size: 10px !important;\n  font-weight: 600 !important;\n  color: rgba(255, 255, 255, 0.7) !important;\n  letter-spacing: 0.5px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  display: block !important;\n}\n\n\/* ── HOW TO USE STEPS ── *\/\n.cdstep-steps {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 0 !important;\n  margin: 6px 0 10px !important;\n}\n\n.cdstep-step {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 12px !important;\n  padding: 12px 4px !important;\n  border-bottom: 1px dashed rgba(0, 110, 255, 0.12) !important;\n}\n\n.cdstep-step:last-child {\n  border-bottom: none !important;\n}\n\n.cdstep-step-num {\n  min-width: 34px !important;\n  max-width: 34px !important;\n  min-height: 34px !important;\n  max-height: 34px !important;\n  width: 34px !important;\n  height: 34px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  background: linear-gradient(135deg, #006eff 0%, #0085ff 100%) !important;\n  border-radius: 50% !important;\n  font-size: 15px !important;\n  font-weight: 800 !important;\n  color: #fff !important;\n  line-height: 1 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  vertical-align: top !important;\n  position: relative !important;\n  transform: none !important;\n  top: auto !important;\n  left: auto !important;\n  box-shadow: 0 3px 8px rgba(0, 110, 255, 0.3) !important;\n}\n\n.cdstep-step-body {\n  flex: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cdstep-step-body strong {\n  display: block !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  color: #1a1a1a !important;\n  margin-bottom: 3px !important;\n  line-height: 1.3 !important;\n}\n\n.cdstep-step-body p {\n  font-size: 13px !important;\n  line-height: 1.55 !important;\n  color: #555 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* ── GUARANTEE ── *\/\n.cdstep-guarantee {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 12px !important;\n  background: linear-gradient(135deg, #fff8e6 0%, #fffdf5 100%) !important;\n  border: 1.5px solid rgba(255, 181, 2, 0.4) !important;\n  border-radius: 14px !important;\n  padding: 15px 12px !important;\n  margin: 12px 0 !important;\n}\n\n.cdstep-guarantee-icon {\n  font-size: 30px !important;\n  flex-shrink: 0 !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cdstep-guarantee-content {\n  flex: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cdstep-guarantee-title {\n  font-size: 15px !important;\n  font-weight: 800 !important;\n  color: #1a1a1a !important;\n  margin-bottom: 5px !important;\n  padding: 0 !important;\n  line-height: 1.3 !important;\n}\n\n.cdstep-guarantee-text {\n  font-size: 13px !important;\n  line-height: 1.55 !important;\n  color: #444 !important;\n  margin-bottom: 9px !important;\n  padding: 0 !important;\n}\n\n.cdstep-guarantee-badges {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 6px !important;\n}\n\n.cdstep-gbadge {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  color: #006eff !important;\n  background: rgba(0, 110, 255, 0.08) !important;\n  border: 1px solid rgba(0, 110, 255, 0.18) !important;\n  padding: 3px 9px !important;\n  border-radius: 10px !important;\n  display: inline-block !important;\n}\n\n\/* ── FINAL CTA ── *\/\n.cdstep-cta {\n  background:\n    radial-gradient(circle at 20% 40%, rgba(255, 181, 2, 0.35) 0%, transparent 60%),\n    radial-gradient(circle at 80% 60%, rgba(0, 110, 255, 0.15) 0%, transparent 60%),\n    linear-gradient(135deg, #ffb502 0%, #ffc832 100%) !important;\n  border-radius: 14px !important;\n  padding: 22px 12px !important;\n  margin: 6px 0 10px !important;\n  text-align: center !important;\n  position: relative !important;\n  overflow: hidden !important;\n  box-shadow: 0 8px 28px rgba(255, 181, 2, 0.4) !important;\n}\n\n.cdstep-cta::before {\n  content: \"\" !important;\n  position: absolute !important;\n  width: 180px !important;\n  height: 180px !important;\n  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent) !important;\n  top: -90px !important;\n  right: -90px !important;\n  border-radius: 50% !important;\n  animation: cdstep-spin 10s linear infinite !important;\n}\n\n@keyframes cdstep-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.cdstep-cta-inner {\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n.cdstep-cta-badge {\n  display: inline-block !important;\n  background: rgba(0, 0, 0, 0.8) !important;\n  color: #ffb502 !important;\n  padding: 4px 13px !important;\n  border-radius: 10px !important;\n  font-size: 9px !important;\n  font-weight: 800 !important;\n  letter-spacing: 1px !important;\n  margin-bottom: 9px !important;\n}\n\n.cdstep-cta-title {\n  font-size: 19px !important;\n  font-weight: 800 !important;\n  color: #1a1a1a !important;\n  margin-bottom: 7px !important;\n  line-height: 1.2 !important;\n  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4) !important;\n  padding: 0 !important;\n}\n\n.cdstep-cta-sub {\n  font-size: 13px !important;\n  color: #333 !important;\n  line-height: 1.55 !important;\n  margin-bottom: 12px !important;\n  padding: 0 4px !important;\n}\n\n.cdstep-cta-arrow {\n  font-size: 30px !important;\n  display: block !important;\n  animation: cdstep-bounce 2s ease-in-out infinite !important;\n}\n\n@keyframes cdstep-bounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-9px); }\n}\n\n\/* ── FINAL TRUST LINE ── *\/\n.cdstep-final-trust {\n  text-align: center !important;\n  font-size: 11px !important;\n  color: #888 !important;\n  padding: 10px 6px !important;\n  border-top: 1px dashed rgba(0, 110, 255, 0.15) !important;\n  margin-top: 4px !important;\n  line-height: 1.7 !important;\n}\n\n\/* ── DESKTOP TWEAKS ── *\/\n@media (min-width: 481px) {\n  .cdstep-hero-main { font-size: 22px !important; }\n  .cdstep-benefit-title { font-size: 16px !important; }\n  .cdstep-pill-txt { font-size: 14px !important; }\n  .cdstep-value-text { font-size: 15px !important; }\n  .cdstep-cta-title { font-size: 21px !important; }\n  .cdstep-cta-sub { font-size: 14px !important; }\n  .cdstep-step-body strong { font-size: 15px !important; }\n  .cdstep-step-body p { font-size: 14px !important; }\n  .cdstep-stat-num { font-size: 26px !important; }\n}\n\n\/* ── REDUCED MOTION ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .cdstep-alert-dot,\n  .cdstep-cta::before,\n  .cdstep-cta-arrow { animation: none !important; }\n}\n\u003c\/style\u003e","brand":"Zaavio.co","offers":[{"title":"Default Title","offer_id":53159940882739,"sku":"5924287187","price":899.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2445\/4687\/files\/foldable-car-door-step-car-roof-door-steps-vehicle-automobile-rack-roof-step-foldable-car-door-step-1228740007.jpg?v=1774293970","url":"https:\/\/zaavio.co\/products\/car-roof-door-steps-vehicle-automobile-rack-roof-step","provider":"Zaavio.co","version":"1.0","type":"link"}