{"product_id":"prepdrive-portable-tyre-inflator","title":"PrepDrive Portable Tyre Inflator","description":"\n\u003cstyle\u003e\n  .prepdrive-section {\n    --pd-bg: #f3f4f6;\n    --pd-card: #ffffff;\n    --pd-border: #e5e7eb;\n    --pd-text: #1f2937;\n    --pd-muted: #6b7280;\n    --pd-accent: #ff6a00;\n    --pd-accent-2: #ff8c33;\n\n    position: relative;\n    overflow: hidden;\n    padding: 70px 20px;\n    margin: 30px auto;\n    max-width: 1200px;\n    border-radius: 24px;\n    background:\n      radial-gradient(circle at 15% 20%, rgba(255,106,0,.10), transparent 28%),\n      radial-gradient(circle at 85% 80%, rgba(255,106,0,.06), transparent 30%),\n      var(--pd-bg);\n    color: var(--pd-text);\n    font-family: inherit;\n  }\n\n  \/* Animated background glow *\/\n  .prepdrive-section::before {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    top: -250px;\n    right: -180px;\n    border-radius: 50%;\n    background: rgba(255,106,0,.08);\n    filter: blur(80px);\n    animation: pdFloat 7s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .prepdrive-section::after {\n    content: \"\";\n    position: absolute;\n    width: 400px;\n    height: 400px;\n    bottom: -250px;\n    left: -150px;\n    border-radius: 50%;\n    background: rgba(255,106,0,.05);\n    filter: blur(70px);\n    animation: pdFloat 9s ease-in-out infinite reverse;\n    pointer-events: none;\n  }\n\n  .prepdrive-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 1050px;\n    margin: auto;\n  }\n\n  \/* Badge *\/\n  .prepdrive-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 16px;\n    margin-bottom: 20px;\n    border: 1px solid rgba(255,106,0,.25);\n    border-radius: 999px;\n    background: #fff7ed;\n    color: var(--pd-accent);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .7px;\n    text-transform: uppercase;\n    animation: pdPulse 2.5s infinite;\n  }\n\n  .prepdrive-badge span {\n    width: 8px;\n    height: 8px;\n    background: var(--pd-accent);\n    border-radius: 50%;\n    box-shadow: 0 0 10px rgba(255,106,0,.6);\n  }\n\n  .prepdrive-title {\n    max-width: 850px;\n    margin: 0 0 18px;\n    font-size: clamp(32px,5vw,58px);\n    line-height: 1.02;\n    font-weight: 900;\n    letter-spacing: -2px;\n    color: #111827;\n  }\n\n  .prepdrive-title .orange {\n    color: var(--pd-accent);\n  }\n\n  .prepdrive-intro {\n    max-width: 780px;\n    margin: 0 0 45px;\n    color: var(--pd-muted);\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .prepdrive-highlight {\n    color: #111827;\n    font-weight: 800;\n  }\n\n  \/* Feature Grid *\/\n  .prepdrive-features {\n    display: grid;\n    grid-template-columns: repeat(5,1fr);\n    gap: 14px;\n    margin-bottom: 50px;\n  }\n\n  .prepdrive-card {\n    position: relative;\n    padding: 24px 18px;\n    min-height: 190px;\n    border: 1px solid var(--pd-border);\n    border-radius: 18px;\n    background: rgba(255,255,255,.95);\n    box-shadow: 0 8px 25px rgba(0,0,0,.05);\n    transition: transform .35s ease,border-color .35s ease,box-shadow .35s ease;\n    overflow: hidden;\n  }\n\n  .prepdrive-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -120%;\n    width: 80%;\n    height: 100%;\n    background: linear-gradient(90deg,transparent,rgba(255,106,0,.08),transparent);\n    transform: skewX(-20deg);\n    transition: left .7s ease;\n  }\n\n  .prepdrive-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(255,106,0,.45);\n    box-shadow: 0 18px 35px rgba(0,0,0,.10);\n  }\n\n  .prepdrive-card:hover::before {\n    left: 140%;\n  }\n\n  .prepdrive-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 52px;\n    height: 52px;\n    margin-bottom: 18px;\n    border-radius: 14px;\n    background: #fff7ed;\n    border: 1px solid rgba(255,106,0,.18);\n    font-size: 25px;\n    transition: transform .35s ease;\n  }\n\n  .prepdrive-card:hover .prepdrive-icon {\n    transform: scale(1.12) rotate(-4deg);\n  }\n\n  .prepdrive-card h3 {\n    margin: 0 0 9px;\n    font-size: 16px;\n    line-height: 1.25;\n    color: #111827;\n  }\n\n  .prepdrive-card p {\n    margin: 0;\n    color: #6b7280;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  \/* Bottom boxes *\/\n  .prepdrive-bottom {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }\n\n  .prepdrive-box {\n    padding: 27px;\n    border-radius: 18px;\n    border: 1px solid var(--pd-border);\n    background: rgba(255,255,255,.9);\n    box-shadow: 0 8px 25px rgba(0,0,0,.04);\n  }\n\n  .prepdrive-box h3 {\n    margin: 0 0 18px;\n    font-size: 19px;\n    color: #111827;\n  }\n\n  .prepdrive-list {\n    display: grid;\n    gap: 12px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .prepdrive-list li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: #4b5563;\n    font-size: 14px;\n  }\n\n  .prepdrive-check {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 23px;\n    height: 23px;\n    flex: 0 0 23px;\n    border-radius: 50%;\n    background: #fff7ed;\n    color: var(--pd-accent);\n    font-weight: 900;\n  }\n\n  \/* Road section *\/\n  .prepdrive-road {\n    position: relative;\n    min-height: 100%;\n    overflow: hidden;\n    background: linear-gradient(135deg,#ffffff,#f9fafb);\n  }\n\n  .prepdrive-road h3,\n  .prepdrive-road p {\n    position: relative;\n    z-index: 2;\n  }\n\n  .prepdrive-road p {\n    margin: 0;\n    color: #6b7280;\n    line-height: 1.7;\n    font-size: 14px;\n  }\n\n  .prepdrive-road strong {\n    color: #111827;\n  }\n\n  .prepdrive-road-lines {\n    position: absolute;\n    inset: 0;\n    opacity: .12;\n    background-image:\n      linear-gradient(\n        90deg,\n        transparent 0%,\n        transparent 47%,\n        var(--pd-accent) 48%,\n        var(--pd-accent) 52%,\n        transparent 53%,\n        transparent 100%\n      );\n    background-size: 100px 100%;\n    animation: pdRoad 1.8s linear infinite;\n  }\n\n  @keyframes pdFloat {\n    0%,100% {transform:translate(0,0) scale(1);}\n    50% {transform:translate(-30px,25px) scale(1.08);}\n  }\n\n  @keyframes pdPulse {\n    0%,100% {box-shadow:0 0 0 rgba(255,106,0,0);}\n    50% {box-shadow:0 0 25px rgba(255,106,0,.15);}\n  }\n\n  @keyframes pdRoad {\n    from {transform:translateX(0);}\n    to {transform:translateX(100px);}\n  }\n\n  @media(max-width:900px){\n    .prepdrive-features{grid-template-columns:repeat(2,1fr);}\n    .prepdrive-card:last-child{grid-column:span 2;}\n  }\n\n  @media(max-width:600px){\n    .prepdrive-section{padding:45px 16px;border-radius:18px;}\n    .prepdrive-title{font-size:36px;}\n    .prepdrive-features{grid-template-columns:1fr;}\n    .prepdrive-card:last-child{grid-column:auto;}\n    .prepdrive-bottom{grid-template-columns:1fr;}\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"prepdrive-section\"\u003e\n  \u003cdiv class=\"prepdrive-inner\"\u003e\n\n    \u003cdiv class=\"prepdrive-badge\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      Road-Ready Technology\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"prepdrive-title\"\u003e\n      🚗 Always Ready.\u003cbr\u003e\n      Always \u003cspan class=\"orange\"\u003eReliable.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"prepdrive-intro\"\u003e\n      Don't let a flat tyre slow you down. The\n      \u003cstrong class=\"prepdrive-highlight\"\u003ePrepDrive Portable Tyre Inflator\u003c\/strong\u003e\n      is your compact, go-anywhere solution for keeping your tyres at the perfect pressure —\n      whether you're on a highway, a dirt road, or deep in the bush. 🌍\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"prepdrive-features\"\u003e\n\n      \u003cdiv class=\"prepdrive-card\"\u003e\n        \u003cdiv class=\"prepdrive-icon\"\u003e📟\u003c\/div\u003e\n        \u003ch3\u003eDigital Precision Display\u003c\/h3\u003e\n        \u003cp\u003eClear LED readout shows real-time PSI so you're always inflating to the right pressure.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"prepdrive-card\"\u003e\n        \u003cdiv class=\"prepdrive-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eCordless \u0026amp; Rechargeable\u003c\/h3\u003e\n        \u003cp\u003eNo power outlet? No problem. Inflate anywhere, anytime without being tied to your vehicle.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"prepdrive-card\"\u003e\n        \u003cdiv class=\"prepdrive-icon\"\u003e🔧\u003c\/div\u003e\n        \u003ch3\u003e4-in-1 Nozzle Kit\u003c\/h3\u003e\n        \u003cp\u003eWorks on car tyres, bicycle tyres, sports balls and inflatables with ease.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"prepdrive-card\"\u003e\n        \u003cdiv class=\"prepdrive-icon\"\u003e🎒\u003c\/div\u003e\n        \u003ch3\u003eCompact \u0026amp; Portable\u003c\/h3\u003e\n        \u003cp\u003eSlim enough to toss into your boot, bakkie or backpack whenever you travel.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"prepdrive-card\"\u003e\n        \u003cdiv class=\"prepdrive-icon\"\u003e✅\u003c\/div\u003e\n        \u003ch3\u003eAuto Shut-Off\u003c\/h3\u003e\n        \u003cp\u003eSet your target pressure and let PrepDrive stop automatically when it's reached.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"prepdrive-bottom\"\u003e\n\n      \u003cdiv class=\"prepdrive-box\"\u003e\n        \u003ch3\u003e📦 What's in the Box?\u003c\/h3\u003e\n\n        \u003cul class=\"prepdrive-list\"\u003e\n          \u003cli\u003e\n\u003cspan class=\"prepdrive-check\"\u003e✓\u003c\/span\u003ePortable Tyre Inflator\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"prepdrive-check\"\u003e✓\u003c\/span\u003eDigital Display Unit\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"prepdrive-check\"\u003e✓\u003c\/span\u003e4 Nozzle Attachments\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"prepdrive-check\"\u003e✓\u003c\/span\u003eCharging Cable\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"prepdrive-box prepdrive-road\"\u003e\n        \u003cdiv class=\"prepdrive-road-lines\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e🛣️ Built for the South African Road\u003c\/h3\u003e\n\n        \u003cp\u003e\n          From \u003cstrong\u003eJoburg traffic\u003c\/strong\u003e to \u003cstrong\u003eKruger game drives\u003c\/strong\u003e,\n          PrepDrive keeps you road-ready wherever the road takes you. 🦁\n        \u003c\/p\u003e\n\n        \u003cbr\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003eKeep it in your vehicle. You never know when you'll need it.\u003c\/strong\u003e\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"PrepDrive","offers":[{"title":"Default Title","offer_id":46820868456645,"sku":null,"price":949.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/3621\/6517\/files\/Gemini_Generated_Image_3jrg0r3jrg0r3jrg.jpg?v=1787861086","url":"https:\/\/prepdrive.co.za\/products\/prepdrive-portable-tyre-inflator","provider":"PrepDrive","version":"1.0","type":"link"}